Angularjs 需要一些关于如何为动态视图设置指令的指导吗

Angularjs 需要一些关于如何为动态视图设置指令的指导吗,angularjs,angularjs-directive,Angularjs,Angularjs Directive,我正在研究我的第一个angular指令,我的头脑仍然围绕着概念和指令的可能性。由于我一直在研究解决这个问题的最佳方法,我还没有找到一个能解决我所要做的事情的例子,所以我想我应该向这里的专家寻求一些帮助 我有三种类型的对象数组 我想使用ng repeat指令遍历这个数组并在页面上显示对象 每个对象类型都有与其关联的不同视图,因为每个对象共享某些属性,但也具有唯一的属性 我想设置一个指令,根据目标类型显示正确的视图 因此,逻辑的工作原理如下: <div ng-repeat="item in d

我正在研究我的第一个angular指令,我的头脑仍然围绕着概念和指令的可能性。由于我一直在研究解决这个问题的最佳方法,我还没有找到一个能解决我所要做的事情的例子,所以我想我应该向这里的专家寻求一些帮助

我有三种类型的对象数组

我想使用ng repeat指令遍历这个数组并在页面上显示对象

每个对象类型都有与其关联的不同视图,因为每个对象共享某些属性,但也具有唯一的属性

我想设置一个指令,根据目标类型显示正确的视图

因此,逻辑的工作原理如下:

<div ng-repeat="item in dataset">
    <the-smart-directive>item</the-smart-directive>
</div>

项目
一个想法是使用一个指令,根据对象类型确定templateUrl,然后为每个对象使用唯一的模板

另一个想法是有一个父指令,然后有三个其他指令(每个对象类型一个),父指令将插入正确的对象类型指令(这个想法似乎是更好的方法,但我不确定如何实际实现这个想法)

我希望在理解解决这个问题的最佳方法以及如何实施方面得到一些帮助。如果你能提供一些很好的示例代码,让我开始走上正确的道路


谢谢你的帮助

我们使用它的方式是在ng repeat中使用ng开关

<div ng-repeat="item in dataset" ng-switch="item.type">
        <directive-one ng-switch-when="1">
        </directive-one>
        <directive-two ng-switch-when="2">
        </directive-two>
        <directive-three ng-switch-when="3">
        </directive-three>
</div>

我们使用它的方式是在ng repeat中使用ng开关

<div ng-repeat="item in dataset" ng-switch="item.type">
        <directive-one ng-switch-when="1">
        </directive-one>
        <directive-two ng-switch-when="2">
        </directive-two>
        <directive-three ng-switch-when="3">
        </directive-three>
</div>

我们使用它的方式是在ng repeat中使用ng开关

<div ng-repeat="item in dataset" ng-switch="item.type">
        <directive-one ng-switch-when="1">
        </directive-one>
        <directive-two ng-switch-when="2">
        </directive-two>
        <directive-three ng-switch-when="3">
        </directive-three>
</div>

我们使用它的方式是在ng repeat中使用ng开关

<div ng-repeat="item in dataset" ng-switch="item.type">
        <directive-one ng-switch-when="1">
        </directive-one>
        <directive-two ng-switch-when="2">
        </directive-two>
        <directive-three ng-switch-when="3">
        </directive-three>
</div>


这接近于父指令调用适当的其他指令的“另一个想法”。这正是我想要的,但我没有意识到Angular已经有了我可以利用的东西。非常感谢。这接近于父指令调用适当的其他指令的“另一个想法”。这正是我想要的,但我没有意识到Angular已经有了我可以利用的东西。非常感谢。这接近于父指令调用适当的其他指令的“另一个想法”。这正是我想要的,但我没有意识到Angular已经有了我可以利用的东西。非常感谢。这接近于父指令调用适当的其他指令的“另一个想法”。这正是我想要的,但我没有意识到Angular已经有了我可以利用的东西。非常感谢。实际上有很多方法可以做到这一点……指令非常强大和灵活。使用指令的不同部分是学习的最佳方式实际上有很多方法可以做到这一点……指令非常强大和灵活。使用指令的不同部分是学习的最佳方式实际上有很多方法可以做到这一点……指令非常强大和灵活。使用指令的不同部分是学习的最佳方式实际上有很多方法可以做到这一点……指令非常强大和灵活。玩指令的不同部分是最好的学习方式