Angularjs。 ng-switch无法在桌面内工作

时间:2013-10-07 21:05:01

标签: angularjs html-table ng-switch

无论如何我可以让ng-switch在桌子内工作吗?表示例不起作用,但ul示例正常工作。问题是我真的需要表格示例。我正在使用角度1.07。

<table>
  <tbody ng-repeat="item in items">

  <tr><td>{{ item.heading }}</td></tr>

  <tr ng-repeat="row in item.fields" ng-switch on="row.nb">

  <div ng-switch-when="01">
    <td>{{ row.nb }}</td>
  </div>

  </tr>

  </tbody>

</table>

<ul ng-repeat="item in items">
  <li ng-repeat="row in item.fields" ng-switch on="row.nb">

  <div ng-switch-when="01">
    {{ row.nb }}
  </div>

  </li>
</ul>

1 个答案:

答案 0 :(得分:10)

您需要将ng-switch-when移至td,否则会将其视为无效,因为divtr内不是有效标记。 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tr

删除div并将其更改为:

 <td ng-switch-when="01">{{ row.nb }}</td>

演示:http://plnkr.co/edit/yHkBGekjgGDts8pNtekJ?p=preview