在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>