AngularJs ng-class使用表达式

时间:2015-02-17 17:37:48

标签: angularjs ng-class

最近我需要在服务器端的json数据上应用类库。但似乎它对我没有用。对此有何想法?谢谢 代码:

<tr>
    <td><span class=" text4 green col-md-12 col-lg-12" ng-class="numclass('inProgressCounter')">{{inProgressCounter}}</span></td>
    <td><span class=" text4 green col-md-12 col-lg-12" ng-class="numclass('inProgressCounter')">-Accounting Review</span></td>
</tr>

JS:

 $scope.numclass = function(num){
    var classname='';
    if(num > 999)
    {
      classname = 'smalltext';
    }

    if(num <= 999){
        classname = 'defaulttext';
    }

    return classname;
};

1 个答案:

答案 0 :(得分:1)

为何选择功能?我相信你可以用这个来达到同样的目的:

<tag ng-class="{smalltext: inProgressCounter &gt; 999, defaulttext: inProgressCounter &lt;= 999}"></tag>

如果您想使用某项功能,则不需要ng-class

<tag class="foo bar {{numclass(inProgressCounter)}}"></tag>