angularjs – 指令的条件选择

前端之家收集整理的这篇文章主要介绍了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相关文章