angularjs - template - ng switch example angular 5

Angularjs. ng-switch no funciona dentro de una mesa

Question

¿De todos modos puedo hacer que ng-switch funcione dentro de una mesa? El ejemplo de la tabla no funciona, pero el examen ul funciona bien. El problema es que realmente necesito el ejemplo de la mesa. Estoy usando angular 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

Necesita mover el ng-switch-when al td, de lo contrario lo ignorará como no válido porque un div no es un marcado válido dentro de un tr . https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tr

Retire el div y cámbielo a:

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

Demostración: http://plnkr.co/edit/yHkBGekjgGDts8pNtekJ?p=preview