在angularjs中添加动态类名称

Question

我有一个返回响应“状态”的服务，状态可以是'结帐'，'已交付'，'未决'。我需要根据这个状态添加图标，即时新的角度，非常感谢，如果有人可以指导我的方法，这将帮助我完成这项任务。

Answer 1

有，你可以做到这几个方面：

你可以使用一个控制器的方法来帮助确定状态，并呼吁如果从您的视图：

控制器：

$scope.applyClass = function(myObj) { 
    if (myObj.state === 'checkout') { 
     return 'checkout-class'; 
    } else if (myObj.state === 'delivered'){ 
     return 'delivered-class' 
    } else if (myObj.state === 'pending'){ 
     return 'pending-class'; 
    } 
} 

查看：

<div ng-class="applyClass(myObj)">...</div> 

2.或者，您也可以做到这一点，而不只是通过串控制器内插对象的状态（假设myObj.state总是返回要么退房，交付，或挂起）：

<div ng-class="{{myObj.state}}-class">...</div> 

Answer 2

简单的解决方案也能像

controller("testCtrl",function($scope,someService){ 
$scope.state = someService.state(); 
    }) 

观点：

<div class="{{state}}-class">...</div>