如何在我的情况下设置类名
how to setup the class name in my case
我正在尝试在我的情况下组合ng类条件语句。
我有以下声明。
<div ng-class="item.new ? 'newItem' : 'oldItem'; 'discount' : item.getType === true && item.getSave === true">{{item.name}}</div>
我收到解析错误。
Syntax Error: Token ':' is an unexpected
我不确定如何解决这个问题。谁能帮我?多谢
请改用以下语法:
<div ng-class="{newItem: item.new, oldItem: !item.new, discount: item.getType === true && item.getSave === true}">
或者将您的逻辑放在一个函数中:
<div ng-class="getClasses(item)">
在控制器中:
$scope.getClasses = function(item) {
return {
newItem: item.new,
oldItem: !item.new,
discount: item.getType === true && item.getSave === true
};
}
仅供参考:从该函数中,您可以返回一个对象、一个类数组或一个字符串。
相关文章:
- 在不设置协议的情况下,使用javascript/jquery更改iframe-src
- 如何在不使用Page.Theme属性的情况下设置页面样式和主题
- Haxe Javascript:在不使用Reflect的情况下按名称获取和设置属性
- 在不发出请求的情况下设置img src
- 在以下情况下,如何设置图像的宽度
- 如何在默认情况下将主干视图设置为singleton
- 在不使用javascript的情况下,可以在表单字段中设置文本占位符(以提示最终用户插入特定格式)
- 如何在我的情况下设置日期格式
- angular如何在我的情况下设置服务
- 如何在不使用jQuery的情况下设置数组以获取单选按钮值
- 如何在我的情况下设置类名
- 在不中断形式帖子的情况下在角度中设置变量
- 在不重新加载页面的情况下,从JSP(服务器端)b设置一个JavaScript变量
- 为什么在设置了OnPush标志的情况下,Angular2在更改检测过程中同时捕捉到引用更改和基元更改
- Reactjs在不使用插件的情况下为离开组件设置动画
- 如何动态设置填充并在不刷新的情况下显示它
- 如何在Angular中设置异步HTTP服务的回调,以便在不定义数组的情况下在控制器中填充数组
- jquery在不触发更改事件的情况下切换设置状态
- 如何在不设置全局变量的情况下确定是否已调用函数
- 在我的情况下,如何在指令中设置$emit