Saya mempunyai perintah, ng-class="{glyphicon-chevron-down:isOpened, glyphicon-chevron-right: !isOpened}" dalam templat, untuk menambah pesanan pada glyphicon-chevron-down dan glyphicon-chevron-right Kedua-dua tanda petikan dan tanda petikan berganda akan melaporkan ralat, dan tiada tanda petikan juga akan melaporkan ralat (jika nama kelas dalam ng-class mempunyai -, ia mesti dipetik). Apa yang perlu dilakukan dalam keadaan ini?
.directive('brandItem', function (){
return {
restrict: 'EA',
require: '^brandList',
transclude: true,
replace: true,
scope: {
title: '='
},
template: '<li ng-click="toggle()" class="list-group-item">'
+'<label><span class="glyphicon" ng-class="{glyphicon-chevron-down:isOpened, glyphicon-chevron-right: !isOpened}"></span> {{name}}</label>'
+'<p ng-transclude></p>'
+'</li>',
link: function (scope, element, attrs, brandListCtrl){
scope.isOpened = false;
brandListCtrl.addItem(scope);
scope.toggle = function (){
this.isOpened = !this.isOpened;
brandListCtrl.getOpened(scope);
}
}
}
});
ng-class="{'active':selected}"
Sah di bawah 1.4.5. Dan seterusnya. . Petikan tunggal sepatutnya berfungsi
Pertama, apakah versi sudut anda? Ini kritikal!
Untuk butiran, lihat http://stackoverflow.com/questions/15557151/ngclass-style-with-dash-in-key