2017-02-14 17 views
0

У меня есть два объекта массива (массив A и массив B), и на основе этого я создаю единую угловую таблицу. Сначала мне нужно перебирать массив A и заполнить несколько столбцов, а остальные столбцы основаны на массиве B. Принести ключ из массива A и передать ключ, чтобы получить значение из массива B.Угловая - Итерация массива внутри значений ng-repeat и выборки из другого массива

Пожалуйста, дайте мне знаете, как достичь этого в угловом?

<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

до слияния массивов в JavaScript, becose п-повтору нужен только 1 массив, и в вашей потребности наклоняет сделано так, как вы хотите. –

+1

Вы можете вложить ng-repeat. Вы можете использовать ng-if при разборе массива B, если вам нужно отображать значения arrayB в зависимости от того, какое значение имеет значение a.id. Кроме того, убедитесь, что вы используете опцию «track by» для ваших ng-повторов. –

+0

Можете ли вы предоставить образец кода для этого? – JavaUser

ответ

2

Попробуйте

контроллер

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

 Смежные вопросы

  • Нет связанных вопросов^_^