如何在两个模型上重复

How to ng-repeat over two models

本文关键字：模型 两个      更新时间：2023-09-26

我是Angular的新手，正在为一个问题寻找一个干净的解决方案:

我有一个名为"SelectedList"的元素，它有两个显示在另一个容器中已被"激活"的元素列表。现在这个容器有两个选项卡Tab1和Tab2，从$scope填充。Model1和$scope.model2。现在，如果Tab1中的元素Element1被选中，我需要将其添加到"SelectedList"中。如果我从Tab2中选择Element2，那么Element2必须出现在"SelectedList"中，在Element1下面。

现在，我可以创建一个结合$scope的临时模型。Model1和$scope。Model2调用$scope。

<ul id="SelectedList" ng-repeat="listItem in selectedList">...</ul>

但是我想看看是否有一个更干净的方法来满足双向数据绑定，比如:

<ul id="SelectedList" ng-repeat="listItem in model1+model2">...</ul>

有更好的解决方案吗?有没有一种完全不同的方法?

如果你的列表是数组，你可以使用它们的concat方法来连接它们:

    <ul ng-repeat="item in arrayList1.concat(arrayList2)">...</ul>
相关文章：