Angularjs. ng-switch non funziona all'interno di un tavolo

Question

Esiste comunque la possibilità di far funzionare ng-switch all'interno di un tavolo? L'esempio di tabella non funziona, ma l'ex esempio funziona perfettamente. Il problema è che ho davvero bisogno dell'esempio della tabella. Sto usando l'angolare 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

è necessario spostare il ng-switch-when al TD altrimenti si ignorano come non valido perché un div non è codice valido all'interno di un tr. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tr

Rimuovere il div e modificarla in:

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

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