ng-class | 易学教程

angular ng-class if-else expression

阅读更多关于 angular ng-class if-else expression

I'm using angularjs ng-class at the following way: <div class="bigIcon" data-ng-click="PickUp()" ng-class="{first:'classA', second:'classB', third:'classC', fourth:'classC'}[call.State]"/> and I wondered if I can use if-else expression, can I do something similar to this: <div class="bigIcon" data-ng-click="PickUp()" ng-class="{first:'classA', second:'classB', else:'classC'}[call.State]"/> meaning whenever call.State different from first or second use classC and not specify each value. thanks! Use nested inline if-then statements ( Ternary Operators ) <div ng-class=" ... ? 'class-1' : ( ... ?

How to use ng-class in select with ng-options

阅读更多关于 How to use ng-class in select with ng-options

I have an array of Person objects var persons = [ {Name:'John',Eligible:true}, {Name:'Mark',Eligible:true}, {Name:'Sam',Eligible:false}, {Name:'Edward',Eligible:false}, {Name:'Michael',Eligible:true} ]; and i am using select with ng-options like this: <select ng-model="Blah" ng-options="person.Name for person in persons"></select> I want to show the record with Eligible:false in red color. So the problem is how do i use the ng-class in select inorder to achieve this? Since we are not using any option tag it wont work if i simply add ng-class in the select element itself. You could create a

adding and removing classes in angularJs using ng-click

阅读更多关于 adding and removing classes in angularJs using ng-click

问题 I am trying to work how to add a class with ngClick. I have uploaded up my code onto plunker Click here. Looking at the angular documentation i can\'t figure out the exact way it should be done. Below is a snippet of my code. Can someone guide me in the right direction <div ng-show=\"isVisible\" ng-class=\"{\'selected\': $index==selectedIndex}\" class=\"block\"></div> Controller var app = angular.module(\"MyApp\", []); app.controller(\"subNavController\", function ($scope){ $scope.toggle =

angular ng-class if-else expression

阅读更多关于 angular ng-class if-else expression

问题 I\'m using angularjs ng-class at the following way: <div class=\"bigIcon\" data-ng-click=\"PickUp()\" ng-class=\"{first:\'classA\', second:\'classB\', third:\'classC\', fourth:\'classC\'}[call.State]\"/> and I wondered if I can use if-else expression, can I do something similar to this: <div class=\"bigIcon\" data-ng-click=\"PickUp()\" ng-class=\"{first:\'classA\', second:\'classB\', else:\'classC\'}[call.State]\"/> meaning whenever call.State different from first or second use classC and not

How to use ng-class in select with ng-options

阅读更多关于 How to use ng-class in select with ng-options

问题 I have an array of Person objects var persons = [ {Name:\'John\',Eligible:true}, {Name:\'Mark\',Eligible:true}, {Name:\'Sam\',Eligible:false}, {Name:\'Edward\',Eligible:false}, {Name:\'Michael\',Eligible:true} ]; and i am using select with ng-options like this: <select ng-model=\"Blah\" ng-options=\"person.Name for person in persons\"></select> I want to show the record with Eligible:false in red color. So the problem is how do i use the ng-class in select inorder to achieve this? Since we

Adding multiple class using ng-class

阅读更多关于 Adding multiple class using ng-class

问题 Can we have multiple expression to add multiple ng-class ? for eg. <div ng-class=\"{class1: expressionData1, class2: expressionData2}\"></div> If yes can anyone put up the example to do so. . 回答1: To apply different classes when different expressions evaluate to true : <div ng-class="{class1 : expression1, class2 : expression2}"> Hello World! </div> To apply multiple classes when an expression holds true:  <div ng-class="{class1 : expression1, class2 :