AngularJS - 具有多种对象类型的 ngRepeat

Question

我有一个物品清单。一个项目可以是很多东西，假设列表是这样的：

[userObject , vehicleObject , userObject , animalObject , animalObject]

现在我想使用 ngRepeat 指令渲染列表，该指令将根据对象的类型使用模板（多态渲染）。这个可以吗？

可能类似于（ng-use 是一个假设指令）：

<ul>
    <li ng-repeat="item in items">
       <img ng-use="item.type == 'user'" ng-src="item.src">
       <a ng-use="item.type == 'vehicle'">{{item.link}}</a>
       <span ng-use="item.type == 'animal'">{{item.name}}</span>
    </li>
</ul>

Answer 1

虽然这不使用 ng-switch，但它确实解决了没有 type 字段的问题，@DotNetHaggis 指出了这一点。

<div ng-repeat="field in fields">
    <div ng-if="field.user !== undefined">user info</div>
    <div ng-if="field.vehicle !== undefined">vehicle info</div>
    <div ng-if="field.animal !== undefined">animal info</div>
</div>

Answer 2

<ul>
    <li ng-repeat="item in items" ng-switch="item.type">
       <img ng-switch-when="user" ng-src="item.src">
       <a ng-switch-when="vehicle">{{item.link}}</a>
       <span ng-switch-when="animal">{{item.name}}</span>
    </li>
</ul>

API 参考：
http://docs.angularjs.org/api/ng.directive:ngSwitch