Javascript ng类-多个条件和类

Javascript ng类-多个条件和类,javascript,angularjs,ng-class,Javascript,Angularjs,Ng Class,我一直在寻找ng类中多个条件的例子,但我找不到使用相同术语的例子。下面是我想要实现的一个例子 ng class=“isSelected”?侧面菜单链接激活”: “侧边菜单链接已禁用”,页面已选定==“讲座”?“链接已激活” :“链接已禁用” 有人知道这个的正确语法吗? 谢谢。如果需要多个条件,语法为: ng-class=" {className: valueToCheckForTruthiness, otherClassName: otherValue } " 使用类名的示例: ng-cl

我一直在寻找ng类中多个条件的例子,但我找不到使用相同术语的例子。下面是我想要实现的一个例子

ng class=“isSelected”?侧面菜单链接激活”: “侧边菜单链接已禁用”,页面已选定==“讲座”?“链接已激活” :“链接已禁用”

有人知道这个的正确语法吗?
谢谢。

如果需要多个条件,语法为:

ng-class=" {className: valueToCheckForTruthiness, otherClassName: otherValue  } " 
使用类名的示例:

ng-class="{side_menu_link_active: isSelected, side_menu_link_disabled: !isSelected, link_active: pageSelected == 'lectures', link_disabled: pageSelected != 'lectures'   }"
您可以进一步使用以下函数生成对象:

$scope.classGenerator = function(isSelected, pageSelected){
     var obj = {};
     isSelected ? obj.side_menu_link_active=true : obj.side_menu_link_disabled = false;
     pageSelected == 'lectures' ? obj.link_active = true : obj.link_disabled = false;
     return obj;
}
ng-class="classGenerator(isSelected, pageSelected)"

可以通过逗号分隔来实现这一点

<div ng-class="{'isClicked1' : click, 'isClicked2' :!click}">


查看我的工作

查看下面我的更新答案。使用此方法处理多个项目需要第三个变量(isSelected、pageSelected、module),然后比较pageSelected==module使用ng类有很多方法,有关详细信息,请参阅官方文档。