css - 在angularjs中检查输入字段时如何更改标签的类？

Question

当输入单选按钮被选中时，我试图将默认类从 fa-circle-o 更改为 fa-dot-circle-o。

<label ng-repeat="pair in exchange.fiat" class="fa fa-circle-o" ng-class="{ fa-dot-circle-o: currency === pair }">
    <input type="radio" name="currency" value="{{pair}}" ng-model="$parent.currency"> {{pair}}
</label>

Answer 1

在使用 ngClass 时，如果 CSS 类名是用破折号分隔的，请将其括在引号内:

<label ng-repeat="pair in exchange.fiat" class="fa fa-circle-o" 
ng-class="{ 'fa-dot-circle-o': currency === pair }">