如何对两个模型进行ng-repeat

Question

I am very new to Angular, and am looking for a clean solution for an issue:

I have a element called "SelectedList" that has two show a list of elements that have been made 'active' in another container. Now this container has two tabs Tab1 and Tab2, populated from $scope.model1 and $scope.model2. Now if an element Element1 in Tab1 is selected, I need to add it to "SelectedList". If I then select Element2 from Tab2, then Element2 has to appear in "SelectedList", under Element1.

Now, I could possibly create a temporary model combining $scope.model1 and $scope.model2 called $scope.selectedList and do

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

But I'm looking to see if there is a cleaner method that satisfies two-way data binding, something like:

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

Is there a better solution to this? Is there maybe a completely different approach to this?

Answer 1

如果列表是数组，则可以使用其concat方法将其加入：

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