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 }">

Answer 2

我认为你不需要ng-class ...只需启动一个函数来获取类...这样的事情：

<label ng-repeat="pair in exchange.fiat" class="fa {{getClass()}}">
    <input type="radio" name="currency" value="{{pair}}" ng-model="$parent.currency"> {{pair}}
</label>

在您的控制器中：

$scope.getClass = function() {
    var out = "fa-circle-o";

    if ($scope.currency === $scope.pair) {
        out = "fa-dot-circle-o";
    }

    return out;
};

编辑：重新阅读问题...上面的更新代码。

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

2 个答案: