angularjs – 具有函数和表达式的ng-class

前端之家收集整理的这篇文章主要介绍了angularjs – 具有函数和表达式的ng-class前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要使用ng-class添加两个类,我需要通过一个函数获取另一个类,我需要通过表达式获取
下面是我正在使用的代码,但得到一些语法错误
<div class="field-icon" ng-class="getFieldClass(entry.entry_type_id),'used':  entry_map[entry.guid] > 0" ></div>

如果可以一起使用函数和表达式,那么正确的语法是什么.

你有错误的ng-class语法,它应该是jSON格式,如ng-class =“{‘used’:expression2}”,表达式将基于该类返回布尔值,将从类属性值中添加删除.

当你的getFieldClass方法返回类名时,你可以在getFieldClass方法中移动你的两个类逻辑

标记

<div class="field-icon" 
ng-class="getFieldClass(entry)" ></div>

$scope.getFieldClass = function(entry){
   //use entry.entry_type_id here to decide class which is first
   //'text-Box-icon' class has been selected on some condition based on entry.entry_type_id
   return {"text-Box-icon": true,'used': $scope.entry_map[entry.guid] > 0};
}
原文链接:https://www.f2er.com/angularjs/141996.html

猜你在找的Angularjs相关文章