заливка таблицы с данными класса JSon

Question

У меня есть таблица в соответствии с:

<div class="row"> 
    <div class="row"> 
     <table class="table table-bordered table-striped tree-grid"> 
     <thead class="text-primary"> 
      <tr> 
      <th></th> 
      <th>level1 
      </th> 
      <th></th> 
      <th>level2</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr id="x" class="tree-grid-row"> 
      <td style="width:85px" class="text-primary"></td> 
      <td style="width:50px"> 
       <label>self</label> 
       <br /> 
       <label>employee</label> 
       <br /> 
       <label>chef</label> 
      </td> 
      <td style="width:30px"> 
       <label type="text">1</label> 
       <br /> 
       <label type="text">2</label> 
       <br /> 
       <label type="text">3</label> 
      </td> 
      <td style="width:30px"> 
       <label type="text">4</label> 
       <br /> 
       <label type="text">5</label> 
       <br /> 
       <label type="text">6</label> 
      </td> 
      <td style="width:30px"> 
       <label type="text">7</label> 
       <br /> 
       <label type="text">8</label> 
       <br /> 
      </td> 
      </tr> 
     </tbody> 
     </table> 
    </div> 
    </div> 

Теперь я хочу данные JSON установить в тре id="x" с ng-repeat and {{}} для связывания, что каждое значение метки в тегах Td HTML установить первое поле JSON данных , образец:

[ 
    { 
    "Weight": 25, 
    "Goal": 26, 

    "Name": "Jack ", 
    "Description": "2.5", 
    "Area": "52%", 
    "Population": "-", 
    "DemographicId": 1, 
      "ParentId": null 
    }, 
    { 
    "Weight": 55, 
    "Goal": 26, 

    "Name": "Mojtaba ", 
    "Description": "2.5", 
    "Area": "52%", 
    "Population": "-", 
    "DemographicId": 2, 
      "ParentId": 1 
    },...] 

Предположим, у меня есть 1000 для записи данных json. я хочу с ng-repeat и {{}} установить значение метки в первую строку каждого поля данных json в таблицу. мой тег tr для каждой записи данных первой строки Я хочу, чтобы json был заполнен.

Answer 1

Вам нужно добавить нг-повтора в код, подобный этому:

<tr id="x" class="tree-grid-row" ng-repeat="data in myJsonData"> 
    <td> 
     <label>{{data.Name}}</label> 
     <br /> 
     <label>{{data.Description}}</label> 
     <br /> 
     <label>{{data.Weight}}</label> 
    </td> 
    <td> 
     <label>{{data.Goal}}</label> 
    </td> 
    . 
    . 
    . 
</tr> 

и так далее ..