AngularJs of class 使用表达式
AngularJs ng-class using expression
最近我需要根据服务器端的json数据应用class。但似乎它不适合我。对此有什么想法吗?谢谢
代码:
<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;
};
为什么是函数?我相信你可以用这个来达到同样的目的:
<tag ng-class="{smalltext: inProgressCounter > 999, defaulttext: inProgressCounter <= 999}"></tag>
如果你想使用一个函数,你不需要ng-class
:
<tag class="foo bar {{numclass(inProgressCounter)}}"></tag>
最近我需要根据服务器端的json数据应用class。但似乎它不适合我。对此有什么想法吗?谢谢 代码:
<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;
};
为什么是函数?我相信你可以用这个来达到同样的目的:
<tag ng-class="{smalltext: inProgressCounter > 999, defaulttext: inProgressCounter <= 999}"></tag>
如果你想使用一个函数,你不需要ng-class
:
<tag class="foo bar {{numclass(inProgressCounter)}}"></tag>