Почему не меняет класс, если его передавать через скоуп значение ?
Или как сделать чтобы менялся в зависимости от значений переменных из скоуп?
Вот так работает:
<i ng-class="defaultIconClass"
aria-hidden="true"></i>
<i ng-class="sortedIconClass"
aria-hidden="true"></i>
Вот так
не работает:
<i ng-class="{defaultIconClass: orderByField!='Id',sortedIconClass:orderByField =='Id'}"
aria-hidden="true"></i>
Cразу отвечу на очевидные вопросы, переменная orderByField активная то есть не пустая.
Подскажите в чем причина,судя по официальной документации все правильно вписал.
ДокументацияКод из документации
<p ng-class="{strike: deleted, bold: important, 'has-error': error}">Map Syntax Example</p>
<label>
<input type="checkbox" ng-model="deleted">
deleted (apply "strike" class)
</label><br>
<label>
<input type="checkbox" ng-model="important">
important (apply "bold" class)
</label><br>
<label>
<input type="checkbox" ng-model="error">
error (apply "has-error" class)
</label>
<hr>
<p ng-class="style">Using String Syntax</p>
<input type="text" ng-model="style"
placeholder="Type: bold strike red" aria-label="Type: bold strike red">
<hr>
<p ng-class="[style1, style2, style3]">Using Array Syntax</p>
<input ng-model="style1"
placeholder="Type: bold, strike or red" aria-label="Type: bold, strike or red"><br>
<input ng-model="style2"
placeholder="Type: bold, strike or red" aria-label="Type: bold, strike or red 2"><br>
<input ng-model="style3"
placeholder="Type: bold, strike or red" aria-label="Type: bold, strike or red 3"><br>
<hr>
<p ng-class="[style4, {orange: warning}]">Using Array and Map Syntax</p>
<input ng-model="style4" placeholder="Type: bold, strike" aria-label="Type: bold, strike"><br>
<label><input type="checkbox" ng-model="warning"> warning (apply "orange" class)</label>
