0

Ich habe zwei Array-Objekte (Array A und Array B) und ich baue basierend auf diesem eine einzelne eckige Tabelle. Zuerst muss ich Array A iterieren und bevölkern einige Spalten und die anderen Säulen basieren auf Array B. ich den Schlüssel aus dem Array A holen und den Schlüssel übergeben Sie den Wert von Array B.Angular - Iterate-Array innerhalb von ng-repeat und fetch-Werte von einem anderen Array

Bitte lassen Sie mich holen wissen, wie das in eckigen zu erreichen?

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

vor merge in Javascript-Arrays becose n-Wiederholung müssen nur 1-Array, und in Ihrem Bedarf kann es nicht getan wie du willst. –

+1

Sie können ng-repeats verschachteln. Sie können ng-if beim Analysieren von ArrayB verwenden, wenn Sie arrayB-Werte abhängig vom Wert von a.id anzeigen müssen. Stellen Sie außerdem sicher, dass Sie die Option "Track by" für Ihre ng-Wiederholungen verwenden. –

+0

Können Sie dafür ein Codebeispiel bereitstellen? – JavaUser

Antwort

2

Versuchen Sie, diese

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