gpt4 book ai didi

javascript - Angular 的替代方案在旧版本中嵌入后备内容

转载 作者:行者123 更新时间:2023-11-29 10:36:48 26 4
gpt4 key购买 nike

Transclude fallback content是 Angular V1.5.0 添加的特性之一
我在写 dateTimePicker module对于 Angular 并希望为下一个版本添加自定义用户输入模板功能,而 Transclude fallback content 正是我想要的,因为如果用户在指令中不放置任何内容,默认模板将注入(inject)。
但我不能强制每个人都使用 Angular V1.5.X
有没有其他解决方案?

另一个解决方案:
由于我有一个巨大的 html 模板,无法将其设为单行字符串或...将其放入 JS 文件中,因此我提出了 Mario Lamacchia 想法。

HTML:

<div>
<ng-transclude></ng-transclude>
<div ng-if="defaultTemplate">...</div>
</div>

JS:

link: function(scope, element, attrs, ngModel) {
if (!element.find('ng-transclude').children().length) {
scope.defaultTemplate = true;
element.find('ng-transclude').remove();
}
}

最佳答案

在 1.3.x 版本中添加此链接函数给出了与 1.5.x 示例相同的结果以嵌入后备内容

link: function(scope, element) {
if (!element.find('ng-transclude').children().length) {
element.find('button').append('<b style="color: red">Button1</b>');
}
}

笨蛋:http://plnkr.co/edit/7VHLsv

关于javascript - Angular 的替代方案在旧版本中嵌入后备内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35252291/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com