在angularjs中添加动态类名

我有一个返回响应“state”的服务，状态可以是“checkout”，“delivered”，“pending”。我需要根据这种状态添加图标，我是angular的新手，如果有人能告诉我一种方法来帮助我完成这项任务，我将不胜感激。

有几种方法可以实现这一点：

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>

查看：

$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始终返回checkout、delivered或pending）：

。。。

简单的解决方案如下

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

视图：

。。。

ng class=“state”

<代码>？至少尝试一下，让我们看看你尝试了什么。这是基本的东西。