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

发布时间：2020-12-17 10:17:26 所属栏目：安全来源：网络整理

导读：无论如何我可以让ng-switch在桌子内工作吗？表示例不起作用,但ul exampel工作正常.问题是我真的需要表格示例.我正在使用角度1.07. table tbody ng-repeat="item in items" trtd{{ item.heading }}/td/tr tr ng-repeat="row in item.fields" ng-switch on="ro

无论如何我可以让ng-switch在桌子内工作吗？表示例不起作用,但ul exampel工作正常.问题是我真的需要表格示例.我正在使用角度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>

您需要将ng-switch-when移动到td,否则它会将其忽略为无效,因为div不是tr内的有效标记. 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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!