Tag: ng class

复杂的angular度js ng级

我有组件，并有一个问题设置为它的CSS类。 我希望它总是有一个“框”类，然后有指令“class”参数指定的附加类和一个条件类“mini”。 从概念上说，我想要达到的是这样的： <div class="box {{class}}" data-ng-class="{mini: !isMaximized}"> … </div> 问题是，当我设置类的HTML属性，ng-class属性被省略。 如何让我的例子在不更改控制器的情况下工作？ 这是甚至可能的，还是应该在控制器中设置类（而我希望避免）？

使用ng-click添加和删除angularJs中的类

我正在尝试如何使用ngClick添加一个类。 我已经把我的代码上传到plunker 点击这里 。 看着angular度的文件，我无法弄清楚它应该完成的确切的方式。 下面是我的代码片段。 有人能指引我正确的方向吗？ <div ng-show="isVisible" ng-class="{'selected': $index==selectedIndex}" class="block"></div> 调节器 var app = angular.module("MyApp", []); app.controller("subNavController", function ($scope){ $scope.toggle = function (){ $scope.isVisible = ! $scope.isVisible; }; $scope.isVisible = false; });

angular ng-class if-elseexpression式

我使用以下方式使用angularjs ng-class： <div class="bigIcon" data-ng-click="PickUp()" ng-class="{first:'classA', second:'classB', third:'classC', fourth:'classC'}[call.State]"/> 我想知道如果我可以使用if-elseexpression式，我可以做类似这样的事情： <div class="bigIcon" data-ng-click="PickUp()" ng-class="{first:'classA', second:'classB', else:'classC'}[call.State]"/> 意思是每当call.State与first或second使用classC并且不指定每个值。 谢谢！

如何使用ng-options来selectng-class

我有一个Person对象的数组 var persons = [ {Name:'John',Eligible:true}, {Name:'Mark',Eligible:true}, {Name:'Sam',Eligible:false}, {Name:'Edward',Eligible:false}, {Name:'Michael',Eligible:true} ]; 而我正在使用像这样的ng选项select： <select ng-model="Blah" ng-options="person.Name for person in persons"></select> 我想用合格的 红色显示logging。 所以问题是我如何在select使用ng-class来实现这一目标？ 由于我们不使用任何option标签，它不会工作，如果我只是在select元素本身添加ng-class 。

使用ng-class添加多个类

我们可以有多个expression式来添加多个ng-class吗？ 例如。 <div ng-class="{class1: expressionData1, class2: expressionData2}"></div> 如果是的话，任何人都可以举出这样的例子。 。