Sto lavorando con AngularJS e UI-Bootstrap su un progetto con le schede ui.AngularJS e schede Bootstrap UI, utilizzando la classe ng per modificare la scheda
Il layout grezzo è questo:
<uib-tabset>
<uib-tab ng-repeat="tab in tabs" heading="{{tab.TAB_NAME}} : {{tab.Questions|sumByKey:'count'}} of {{tab.Questions.length}}" active="tab.active" disable="tab.disabled">
<!-- Repeated Content -->
</uib-tab>
</uib-tabset>
sumByKey: 'count' è un filtro che calcola la somma del campo 'count' nell'oggetto scheda ripetuta. Questo tiene traccia delle domande a cui è stata data una risposta e tab.Questions.length conta il numero di domande ripetute nella scheda.
Posso visualizzare sia nel nome di tabulazione come sto facendo qui, e questo funziona, quindi in ogni scheda il nome della scheda è il nome: domande-risposta di domande totali, vale a dire: 'Parcheggio: 1 di 5 '.
Quello che sto cercando di fare è usare ng-class per aggiungere una classe 'completata' alla scheda quando questi numeri sono uguali, e tutte le domande in quella scheda hanno avuto risposta.
Posso aggiungere una classe = 'completa' alla scheda, e questo funziona, ma provare a fare qualsiasi uso di ng-class non funziona affatto, nemmeno ng-class = "completo".
C'è un modo per farlo? È possibile utilizzare ng-class con le linguette Uib? C'è qualche altro meccanismo per valutare un'espressione e modificare la classe nella scheda?