通过多个阵列位置进行ng-repeat

时间:2017-03-02 18:44:05

标签: html angularjs html5

我有数据进入,我正在尝试显示用ng-repeat填充的行。以下是数据的显示方式:

enter image description here

所以我试图在视图上显示它:

<tbody data-ng-repeat="contract in contracts">
     <tr>
          <td><div data-strat-form-control data-field-display-id="1" data-vmformreadonly="true" data-strat-model="contract" data-field="contracts[0].ndc_id"></div></td>
     </tr>
</tbody>

键入{{contract.ndc_id}}{{contracts.ndc_id}}不会返回任何内容。  但是,{{contracts[0].ndc_id}}会返回预期的数据。

但阵列中会有多个合约,而这只会占据第一个合约。

为什么不使用ng-repeat迭代(合同中的合同)?我该如何解决这个问题?

2 个答案:

答案 0 :(得分:2)

<div ng-repeat="(key, value) in contracts[0]"> 
      {{contracts[0][key]}} |  {{value}}
       <div ng-if="$index === 1"> This is the second value {{value}}</div>
       <div ng-if="$index === 2"> This is the thrid value {{value}}</div>
       <div ng-if="$last"> This is the last value {{value}}</div>
    </div>

答案 1 :(得分:1)

根据你的数据,它看起来像一个物体,你不能对你的物体进行重复,

但是,您可以执行此操作以读取属性和值

<div ng-repeat="(key, value) in contracts"> {{key}} |  {{value}}</div>