AngularJS:使用ng-repeat时的奇怪绑定

时间:2013-12-04 06:02:00

标签: angularjs

我有一个类似于此的数组 [{“FirstValue”:{“SubValue1”:“ReallyLongValue”},“SecondValue”:“Michigan”},                  {“FirstValue”:{“SubValue2”:“John”},“SecondValue”:“Vegas”}]

我需要能够创建如下表格 SubValue1:ReallyLongValue密歇根州 SubValue2:John Vegas

我有一个ng-repeat遍历外部数组,它创建了一个指令。在该指令的内部,我做了另外的ng-repeat,如下所示

<td ng-repeat="(type, name) in employeecell.FirstValue">
  {{type}}
  <td>{{type}}</td>
  <td>{{name}}</td>
  <td>{{employeecell.SecondValue}}</td>
  <td>
    <button>test</button>
  </td>
</td>

这将绑定第一个类型,但一旦到达下一个{{type}},它就是空白。我尝试使用div而不是ng-repeat,这是行不通的。我需要能够获得密钥“SubValue”的实际值,因为这可能是未知的。

也许我接近这个错误。我创建了一个plnkr来了解我的目标。

http://plnkr.co/edit/mPtYGj?p=preview

1 个答案:

答案 0 :(得分:1)

看起来这实际上是一个HTML问题。尝试使用内部html表。

<td ng-repeat="(type, name) in employeecell.FirstValue">
{{type}}
  <table>
    <tr>
      <td>{{type}}</td>
      <td>{{name}}</td>
      <td>{{employeecell.SecondValue}}</td>
      <td><button>remove</button></td>
    </tr>
</table>
</td>

那是你在找什么?