2014-01-26 7 views
0

Как загрузить данные массива в Медленно Много директивы templateURL используя ngrepeatAngularjs + загружать несколько массив с помощью ngrepeat

<div> <table> <tr> <td>h1</td> <td>v1</td> </tr> </table> </div> 
<div> <table> <tr> <td>h2</td> <td>v2</td> </tr> </table> </div> 
<div> <table> <tr> <td>h3</td> <td>v3</td> </tr> </table> </div> 

DEMO LINK

Директива контроллера: Структура

$scope.data =[[{ h:'H1', v:'V1'}][{ h:'H2', v:'V2'}][{ h:'H3', v:'V3'}]]; 
$scope.updateData = $scope.data; 

шаблона:

<div ng-repeat="fields in updateData"> 
     <table> 
     <tr> 
      <td>{{f.h}}</td> 
      <td>{{f.v}}</td> 
     </tr> 
    </table></div> 
+0

возможный дубликат [Как использовать "нг-повтор" в шаблоне директивы в угловых JS?] (Http: // StackOverflow. com/questions/16646607/how-to-use-ng-repeat-in-template-of-a-directive-in-angle-js) – StarsSky

+0

Используемые данные представляют собой множество массивов, если это был единственный список массивов, а затем HTML структура будет работать; –

ответ

2

Просто добавьте еще один ng-repeat на <tr>

<div ng-repeat="fields in updateData"> 
     <table> 
      <tr ng-repeat="f in fields"> 
       <td>{{f.h}}</td> 
       <td>{{f.v}}</td> 
      </tr> 
     </table> 
    </div> 

DEMO

+0

как я могу заставить свою директиву ждать до тех пор, пока контроллер не загрузит значение из службы и не свяжется с представлением? –

+0

@ Джон Смит: вам не нужно ждать, угловая достаточно умна, чтобы автоматически обновлять представления, когда модели готовы. –

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