AngularJS ng-class的if-else表达式

10 浏览
0 Comments

AngularJS ng-class的if-else表达式

使用 AngularJS，我正在以下方式使用ng-class：





我想知道是否可以使用if-else表达式来实现类似于这样的效果：










所以每当call.State与first或second不同时，使用classC并避免指定每个值？

								
admin 更改状态以发布 2023年5月25日
							

							

															

						

						
0

					

				


			


			
			

	

		

			

				2
				答案			


					


		
		

			
				
											


	

		

			

								
									
			

			

				

					

						

                        

						

														0 Comments						

					

					

															

				

				

										
您可以尝试使用如下的函数：








然后将您的逻辑放在函数本身中：




    $scope.whatClassIsIt= function(someValue){
     if(someValue=="first")
            return "ClassA"
     else if(someValue=="second")
         return "ClassB";
     else
         return "ClassC";
    }





我创建了一个示例的fiddle：http://jsfiddle.net/DotDotDot/nMk6M/

									

				

									

			

			
0

		

	



											


	

		

			

								
									
			

			

				

					

						

                        

						

														0 Comments						

					

					

															

				

				

										
使用嵌套的内联if-then语句（三元运算符）








例如:




= 15 ? 'col-md-12' : (apt.name.length >= 10 ? 'col-md-6' : 'col-md-4')">
    ...





确保代码易于同事阅读 🙂

									

				

									

			

			
0