角类和ng类

迈克·杨（Mike Young）

因此，在Angular中，您可以执行以下操作：

 ng-class="{ 'my-class': widget.widgetId == '1'}

如果widget.widgetId等于1，它将为元素提供my-class类。

您也可以这样做：

 class="col-md-{{widget.size}}"

这将为元素提供col-md-类，然后返回设置为widget.size的任何内容。

但是，如果我想执行第二个示例中的操作，但是要使用ng-class，该怎么办。例如以下内容：

ng-class="{ 'col-md-{{widget.size}}': widget.widgetId == '1'}"

我已经用各种语法尝试了上面的方法，但是它似乎不起作用。ng-class有可能吗？

鲍勃

这是使用ng-class的基本示例：

HTML：

<button ng-class="getLanguageOptionClass(lan)" ng-repeat="lan in language.available" ng-click="language.current=lan">{{lan}}</button>

Java脚本

var I18nController = function($scope){
     $scope.language = {
         current: 'no', 
         available: ['en', 'no', 'sv', 'da', 'fi']
     };
    $scope.getLanguageOptionClass = function(language){
        return ($scope.language.current==language) ? 'btn btn-primary' : 'btn btn-info';
    }
};

说明：getLanguageOptionClass以lan作为参数调用，该参数返回一个值，该值被分配为一个类。

工作实例

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。