23

アイテムのリストがあります。アイテムにはさまざまなものがあります。たとえば、リストが次のようなものであるとします。

[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>
4

2 に答える 2

31 
<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

于 2013-01-20T14:34:58.867 に答える
0

これはng-switchを使用しませんが、@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>
于 2016-02-23T19:46:38.777 に答える