angularjs – 指令的条件选择

发布时间：2020-12-17 17:40:18 所属栏目：安全来源：网络整理

导读：我想根据变量选择使用哪个指令.具体来说,我在列表中有几种不同类型的项目,所以我想使用项目类型来选择可以显示它的指令. ng-switch似乎是为了这个目的.但是,它将所有开关选项添加到DOM中,然后隐藏除了一个之外的所有选项.如果要显示许多项类型或长列表,那么

我想根据变量选择使用哪个指令.具体来说,我在列表中有几种不同类型的项目,所以我想使用项目类型来选择可以显示它的指令.

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/中的小提琴

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!