AngularJS使ng-repeat通用

时间:2014-07-25 21:59:03

标签: angularjs angularjs-directive angularjs-ng-repeat

我想使用ng-repeat制作一个指令,其中我有两个用例。在一个用例中,我想为每个重复(人)打印对象。另一方面,我想为每个重复(即person.age)打印person对象的属性。这是一个例子:

Use case 1:
    <list-maker items="People" object="item"/>

Use case 2 
    <list-maker items="People" object="item.age"/>

Directive: listMaker
    <div ng-repeat="item in items">
        {{object}}
    </div>

为什么这不起作用,或者任何解决方案的想法?我真的更喜欢使用相同的指令。

1 个答案:

答案 0 :(得分:0)

您希望在“listMaker”指令中嵌入ngSwitch

例如:

Directive: listMaker
    <div ng-repeat="item in items">
        <div ng-switch="item.age">
            <div ng-switch-when="0">
                {{object}}
            </div>
            <div ng-switch-default>
                {{object.age}}
            </div>
        </div>
    </div>

当实例的age属性值为0时,这将打印整个对象,否则将打印age属性。