621得票12回答
使用ng-class添加多个类

警告:此线程适用于旧版AngularJS! 我们可以使用多个表达式来添加多个ng-class吗? 例如。 <div ng-class="{class1: expressionData1, class2: expressionData2}"></div> 如果可...

265得票9回答
AngularJS ng-class if-else expression

使用 AngularJS 时,我以以下方式使用 ng-class:<div class="bigIcon" data-ng-click="PickUp()" ng-class="{first:'classA', second:'classB', third:'classC', four...

98得票10回答
使用ng-click在AngularJS中添加和删除类

我正在尝试使用ngClick添加类。我已经将我的代码上传到plunker 这里。查看angular文档,我无法找出应该如何完成的确切方法。以下是我的代码片段。请有人指导我正确的方向。 <div ng-show="isVisible" ng-class="{'selected': $ind...

41得票1回答
Angular 2使用ngClass实现else语句

我有如下模板:<p [ngClass]="{checked: condition, unchecked: !condition}"> 虽然目前这样是可行的,但我发现需要重复两次条件,感觉有些丑陋。是否有一种方法可以像这样实现:[ngClass]={condition ? check...

41得票9回答
如何在带有ng-options的select中使用ng-class

我有一个Person对象的数组 var persons = [ {Name:'John',Eligible:true}, {Name:'Mark',Eligible:true}, {Name:'Sam',Eligible:false}, {Name:'Edward',Eligible:fal...

38得票5回答
复杂的AngularJS ng-class

我有这个组件,并且在设置它的CSS类时遇到了问题。 我想让它始终具有“box”类,然后由指令“class”参数指定其他类和一个条件类“mini”。 从概念上讲,我想要实现的是这样的:<div class="box {{class}}" data-ng-class="{mini: !is...

37得票3回答
Angular ng-class if else

我想知道如何使 ng-class 显示 False。 如果页面被选中,则 page.isSelected(1) 为 TRUE,否则为 FALSE。<div id="homePage" ng-class="{ center: page.isSelected(1) }"> 因此,如果...

31得票5回答
ng-class的条件改变了,但是类没有更新。

我遇到了一个很奇怪的问题。当 $scope.selectedCat == cat.id 时,我需要在相应的 <li> 上设置一个 active 类。这个列表是用 ng-repeat 生成的。如果 selectedCat 是 false,则“浏览所有类别”列表项(在 ng-repea...

26得票1回答
ng-class没有被应用

我有一个textarea,其中包含要发布的消息和一个带有仍可用字符数的span。<textarea name="" cols="" rows="" maxLength="{{maxMessageLength}}" ng-model="messageText"/> <div i...

26得票5回答
如何在Angular 7中使用if-else条件和[ngClass]?

我希望在Angular [ngClass]中使用多个类。我有两个类,根据从component.ts传递的标志条件,它应该相应地工作。