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

发布时间：2020-12-17 07:26:33 所属栏目：安全来源：网络整理

导读：我需要使用ng-class添加两个类,我需要通过一个函数获取另一个类,我需要通过表达式获取 – 下面是我正在使用的代码,但得到一些语法错误 – div class="field-icon" ng-class="getFieldClass(entry.entry_type_id),'used': entry_map[entry.guid] 0" /div 如果

我需要使用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};
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!