gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 02:26:10 25 4
gpt4 key购买 nike

我有一个项目列表。一个项目可以是很多东西,假设列表是这样的:

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

最佳答案

<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

关于javascript - AngularJS - 具有多种对象类型的 ngRepeat,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14425497/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com