在 html table 中重复 ng

Question

我正在制作一个 html table 并使用此代码：

<table>
               <thead>
                   <tr>
                       <th colspan="2">The table header</th>
                   </tr>
               </thead>
               <tbody>
                  <tr ng-repeat="item in myDynamicLabels">
                    <td> {{item}}</td>
                   </tr>
                   <tr ng-repeat="value in myDynamicData track by $index" >
                       <td>{{value}}</td>
                   </tr>
              </tbody>
           </table>

我得到的输出是物品物品物品价值价值值

但我希望它在列中：物品价值物品价值物品价值

如何解决这个问题并继续使用 ng-repeat？

   angular.forEach(data.results.bindings, function(val)
       {
           $scope.myDynamicLabels.push(val.state.value);
           $scope.myDynamicData.push(val.nbr_university.value);

       })

这是我的 javascript 标签和数据代码

Answer 1

如果标签与数据关联，您可以使用它们制作地图并在同一个 ng-repeat 中使用 item.label 和 item.value。

如果您不需要地图，您至少需要一种方法来以某种方式获取您想要的值 getValueForLabel(item)。

不过最后应该只有一个ng-repeat

Answer 2

像这样修改你的代码：

 angular.forEach(data.results.bindings, function(val)
       {
           let jsonData = {
             state: val.state.value,
             university: val.nbr_university.value
           }
           $scope.myDynamicData.push(jsonData);

       })

然后像这样使用 ng-repeat：

<table>
   <thead>
      <tr>
        <th colspan="2">The table header</th>
      </tr>
   </thead>
   <tbody>
      <tr ng-repeat="value in myDynamicData track by $index" >
        <td>{{value.state}}</td>
        <td>{{value.university}}</td>
      </tr>
   </tbody>
</table>

希望这是你愿意做的。

在 html table 中重复 ng

ng-repeat in html table

javascript

html

angularjs

angularjs-ng-repeat