Angularjs. нг-переключатель не работает внутри стола

Question

Могу ли я в любом случае заставить работать 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>

Answer 1

Вам нужно переместить ng-switch-when в противном случае он будет игнорировать его как недействительный, потому что 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