Javascript 如何使用Angular.js在单个类中添加多个条件

我需要一个人帮忙。我需要使用Angular.js在

ng类

中添加带有

和

运算符的多个条件。我在下面解释我的代码

<div class="mainaccordion_title-width" ng-click="manageCollapseExpand(place, false)">
  <i ng-class="{'fa fa-minus-circle': place.expanded, 'fa fa-plus-circle': !place.expanded }"></i> 
  {{place.root_des}}
</div>

{{place.root_des}}

这里我添加了一个条件，但我需要为这两个类添加另一个条件（

I.e-place.cstatus==1和place.cstatus==0

）。请帮助。

使用&&而不是and

---

如前所述，您还可以创建一个接受参数并返回类名的函数

这种方法的好处是，它将保持您的视图干净，并且逻辑将保留在JS中。这也将使它更加可配置，因为您可以编写代码并跨多个元素共享它

函数myCtrl（$scope）{
$scope.place={
扩展：错，
cstatus:1，
根目录：“测试”
}
$scope.manageCollapseExpand=函数（位置，选择）{
place.expanded=！place.expanded
}
//假设位置应该是一个数组
$scope.getClasses=函数（索引）{
var className='fa'；
如果（$scope.place.expanded&&$scope.place.cstatus==1）{
className+='fa减去圆'
}否则{
类名+=‘fa加圆’；
}
返回类名
}
}

{{place.root_des}}
类：{{getClasses（0）}}

只需使用

&&

<div class="mainaccordion_title-width" ng-click="manageCollapseExpand(place, false)">
  <i ng-class="{'fa fa-minus-circle': place.expanded && place.cstatus==1, 'fa fa-plus-circle': !place.expanded && place.cstatus==0 }"></i> 
  {{place.root_des}}
</div>

{{place.root_des}}

ng class=“{'test'：obj.value1=='someothervalue'&&obj.value2=='somethingelse'}”它能像这样吗

{{place.root_des}

是的，试试看。；）@subhra我的建议是创建一个函数，返回一个类的字符串/数组，并将其传递给它

place

。通过这种方式，您将保持视图的清晰性我不知道，但在我的编辑器（即升华文本）中，如果我写这篇文章，这个显示红色标记的

&

意味着一些错误。我认为使用正确的方法，这个答案是正确的。

<div class="mainaccordion_title-width" ng-click="manageCollapseExpand(place, false)">
  <i ng-class="{'fa fa-minus-circle': place.expanded && place.cstatus==1, 'fa fa-plus-circle': !place.expanded && place.cstatus==0 }"></i> 
  {{place.root_des}}
</div>