Question

我有一个服务，它返回一个响应＆＃34; state＆＃34; ，州可以是“结帐”，“已交付”，“待定”等。我需要根据这个状态添加图标，我是角色的新手，如果有人可以指导我使用一种方法来帮助我完成这项任务，我会非常感激。

Answer 1

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

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>

在angularjs中添加动态类名

2 个答案: