在同一个ng-repeat中迭代两个不同的数组

时间:2018-09-07 10:51:44

标签: angularjs angularjs-ng-repeat

我必须遍历两个不同的数组,其中一个数组包含成员详细信息,另一个数组中包含待批准的成员。我必须在表格中显示详细信息。这是代码。

<div class="member-table-body" ng-repeat="member in members ">
 <div class="member-table-content s-no">1</div>
 <div class="member-table-content approved">Approved</div>
 <div class="member-table-content">{{member.firstName}}</div>
 <div class="member-table-content">{{member.lastName}}</div>
 <div class="member-table-content email">{{member.emailId}}</div>
</div>

<div class="member-table-body" ng-repeat="member in pendingRequests">
 <div class="member-table-content s-no">1</div>
 <div class="member-table-content pending">Pending</div>
 <div class="member-table-content">{{member.firstName}}</div>
 <div class="member-table-content">{{member.lastName}}</div>
 <div class="member-table-content email">{{member.emailId}}</div>
</div>

如何在单个ng-repeat中遍历成员和未决请求。同样,批准的也必须在表格的开头,后跟待处理的请求详细信息。

谢谢!

1 个答案:

答案 0 :(得分:1)

您可以在控制器中连接两个数组并使用它。

JS ::

var members = ["a", "b", "c"]; 
var pendingRequests = [1, 2, 3];

var newMembers = members.concat(pendingRequests); 

查看::

<div class="member-table-body" ng-repeat="member in newMembers ">
   //code
</div>

让我知道您是否遇到任何问题?