首页 / JAVASCRIPT / javascript-旧版本中Angular替代后备内容的替代方法

javascript-旧版本中Angular替代后备内容的替代方法

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-旧版本中Angular替代后备内容的替代方法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含940字，纯文字阅读大概需要2分钟。

内容图文

Transclude fallback content是Angular V1.5.0中添加的功能之一
我正在为Angular写dateTimePicker module,并想为下一个版本添加自定义用户输入模板功能,而Transclude后备内容正是我想要的,因为如果用户在指令中未放置任何内容,则将注入默认模板.
但是我不能强迫所有人使用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替代后备内容的替代方法全部内容，希望文章能够帮你解决javascript-旧版本中Angular替代后备内容的替代方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/663622.html

来源：【匿名】