Mam nadzieję, że dzięki stylom używającym myślników zaoszczędzi to komuś bólu głowy, zwłaszcza że bootstrap stał się tak popularny.
Używam kątowego 1.0.5 w ramach
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.js"></script>
W dokumentacji ngClass przykład jest prosty, ale wspomina się w nim również, że wyrażenie może być mapą nazw klas na wartości logiczne. Próbowałem użyć stylu „biała ikona” na mojej ikonie, jak pokazano w dokumentacji bootstrap , w zależności od zmiennej boolowskiej.
<i class="icon-home" ng-class="{icon-white: someBooleanValue}">
Powyższa linia nie działa. Do klasy nie jest dołączane stwierdzenie icon-white
kiedy someBooleanValue
jest prawdziwe. Jeśli jednak zmienię klucz na iconWhite
, zostanie on pomyślnie dodany do listy wartości klas. Jak dodać wartość za pomocą myślnika?
Odpowiedzi:
Po godzinach hakowania okazuje się, że myślnik jest interpolowany! Cytaty są potrzebne.
Mam nadzieję, że pomoże to komuś wyrywać włosy.
AKTUALIZACJA:
W starszych wersjach Angulara użycie odwrotnego ukośnika również załatwia sprawę, ale nie w nowszych wersjach.
Ten pierwszy jest prawdopodobnie preferowany, ponieważ możesz go łatwiej wyszukać w swoim ulubionym edytorze.
źródło
\'icon-white\'
działa również (z AngularJS 1.2.7)źródło
alternatywa dla zastosowań ng-class:
źródło