如何对两个模型进行重复

时间:2014-06-10 07:29:32

标签: javascript angularjs ng-repeat angular-ngmodel

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

我有一个名为" SelectedList"有两个显示已经制作和活跃的元素的列表'在另一个容器中。现在这个容器有两个选项卡Tab1和Tab2,从$ scope.model1和$ scope.model2填充。现在,如果选择了Tab1中的元素Element1,我需要将它添加到" SelectedList"。如果我然后从Tab2中选择Element2,那么Element2必须出现在Element1下的" SelectedList"中。

现在,我可以创建一个组合$ scope.model1和$ scope.model2的临时模型,名为$ scope.selectedList并执行

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

但我正在寻找是否有一种更干净的方法来满足双向数据绑定,例如:

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

有更好的解决方案吗?这可能是一种完全不同的方法吗?

1 个答案:

答案 0 :(得分:0)

如果您的列表是数组,则可以使用他们的concat方法加入它们:

    <ul ng-repeat="item in arrayList1.concat(arrayList2)">...</ul>