CODEWITHSUNDEEP
angularjsangularjs-ng-repeat
Hareini Sreethi
Hareini Sreethi

Reputation: 59

Iterate through two different arrays in the same ng-repeat

I have to iterate through two different arrays containing member details in one array and a approval pending members in another array. I have to display the details in a table. This is the code.

<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>

How to iterate through both members and pendingRequests within a single ng-repeat. Also the approved must be in the beginning of the table followed by the pending requests details.

Thanks!

Upvotes: 0

Views: 135

Answers (1)

Akash Gadhiya
Akash Gadhiya

Reputation: 380

You can concate two arrays in the controller and use it.

JS::

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

var newMembers = members.concat(pendingRequests);

VIEW::

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

Let me know if you are facing any problem?

Upvotes: 1

Related Questions