Angular - Iterate array inside ng-repeat and fetch values from another array

Question

I have two array objects(array A and array B) and I am building single angular table based on this. First I need to iterate over array A and populate few columns and the other columns are based on array B. I fetch the key from array A and pass the key to fetch the value from array B.

Please let me know how to achieve this in angular?

<tbody>
<tr ng-repeat="a in arrayA">
<td> <b>{{$index+1}}</b> </td>
<td> <b>{{a.id}}</b> </td>
<td> <b>{{a.name}}</b> </td>
<td> {{a.number}} </td>
<td> This value should be from arrayB . I will pass the key a.id and here i need to iterate arrayB and get corresponding value from arrayB</td>
<td> This value should be from arrayB . I will pass the key a.id and here i need to iterate arrayB and get corresponding value from arrayB</td>
</tr>
</tbody>

before merge to arrays in javascript, becose n-repeat only need 1 array, and in your need it cant done like you want. — Álvaro Touzón
– Álvaro Touzón, Commented Feb 14, 2017 at 10:23
You can nest ng-repeat's. You can use ng-if while parsing arrayB if you need to display arrayB values depending on what value a.id has. Also, make sure you use the "track by" option for your ng-repeats. — Christian Bonato
– Christian Bonato, Commented Feb 14, 2017 at 10:28
@JavaUser — can you please provide the structure of your arrays (your controller's code)? — Christian Bonato
– Christian Bonato, Commented Feb 14, 2017 at 10:29

Saurabh Agrawal · Accepted Answer · 2017-02-14 10:29:20Z

2

Try this

controller

$scope.getValue = function (id) {
        var returnData = '';
        angular.forEach(arrayB,function(index){
            if (index.id == id) {
                returnData = index.name;
            }

        })
        return returnData
    }

html

<tbody>
    <tr ng-repeat="a in arrayA">
        <td> <b>{{$index+1}}</b> </td>
        <td> <b>{{a.id}}</b> </td>
        <td> <b>{{a.name}}</b> </td>
        <td> {{a.number}} </td>
        <td> {{getValue(a.id)}} This value should be from arrayB . I will pass the key a.id and here i need to iterate arrayB and get corresponding value from arrayB</td>
        <td> This value should be from arrayB . I will pass the key a.id and here i need to iterate arrayB and get corresponding value from arrayB</td>
    </tr>
</tbody>

answered Feb 14, 2017 at 10:29

Saurabh Agrawal

7,7553 gold badges30 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular - Iterate array inside ng-repeat and fetch values from another array

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related