Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – 指令的条件选择大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我想根据变量选择使用哪个指令.具体来说,我在列表中有几种不同类型的项目,所以我想使用项目类型来选择可以显示它的指令.

ng-switch似乎是为了这个目的.但是,它将所有开关选项添加到DOM中,然后隐藏除了一个之外的所有选项.如果要显示许多项类型或长列表,那么这种方法似乎效率低下.此外,使用开关将逻辑放在HTML中.首选的是一种“策略模式”,它可以选择正确的指令,也许就像

<display-{{item.typE}} data="item.data" />

指令是’displayType1′,’displayType2’等等.但是,这种语法似乎不起作用,可能是因为编译阶段和链接阶段之间存在差异. Here一个在指令中切换html模板的示例.但有没有办法转换指令,保留其模块化?

解决方法

根据@ CodeGuy2001建议添加解决方案.

这里采用的方法是使用不同的模板名称为每个指令变体创建一个角度模板.

然后使用Ng-include选择需要使用的模板.由于ng-include支持数据绑定到src属性.您可以动态切换模板和指令.

请参阅http://jsfiddle.net/xpKwb/2/中的小提琴

大佬总结

以上是大佬教程为你收集整理的angularjs – 指令的条件选择全部内容,希望文章能够帮你解决angularjs – 指令的条件选择所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。