基于条件对两个阵列中的一个进行ng-repeat

时间:2017-02-23 04:24:30

标签: angularjs

说我有

<div ng-if="groupA.length > 0" ng-repeat="element in groupA"> .... </div>
<div ng-if="groupA.length == 0" ng-repeat="element in groupB"> .... </div>

两个div都是完全相同的HTML,除了if条件和它们在两个不同的组上重复的事实。我能在一个div元素中将它们连接在一起吗?即<div ng-repeat="element in (groupA || groupB)"> ... </div>

我知道我可以在控制器中检查并且有条件groupC = groupA.length > 0 ? groupA : groupB并且在html <div ng-repeat="element in groupC> ... </div>中有条件但是我想知道是否有方法直接在HTML上执行此操作?

1 个答案:

答案 0 :(得分:2)

应该与三元运营商合作。演示:https://plnkr.co/edit/yqrUb2UNAasFs4EKaf0b

<div ng-repeat="element in (groupA.length > 0 ? groupA : groupB)"> .... </div>