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

前端之家收集整理的这篇文章主要介绍了Angularjs. ng-switch无法在桌面内工作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
无论如何我可以让ng-switch在桌子内工作吗?表示例不起作用,但ul exampel工作正常.问题是我真的需要表格示例.我正在使用角度1.07.
  1. <table>
  2. <tbody ng-repeat="item in items">
  3.  
  4. <tr><td>{{ item.heading }}</td></tr>
  5.  
  6. <tr ng-repeat="row in item.fields" ng-switch on="row.nb">
  7.  
  8. <div ng-switch-when="01">
  9. <td>{{ row.nb }}</td>
  10. </div>
  11.  
  12. </tr>
  13.  
  14. </tbody>
  15.  
  16. </table>
  17.  
  18. <ul ng-repeat="item in items">
  19. <li ng-repeat="row in item.fields" ng-switch on="row.nb">
  20.  
  21. <div ng-switch-when="01">
  22. {{ row.nb }}
  23. </div>
  24.  
  25. </li>
  26. </ul>
您需要将ng-switch-when移动到td,否则它会将其忽略为无效,因为div不是tr内的有效标记. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tr

删除div并将其更改为:

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

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

猜你在找的Angularjs相关文章