$范围变量和对象在相同的ng级

Question

我有一个问题。

在我使用的时刻：这是工作得很好

<div ui-view ng-class="{transparent: loading}" class="{{bodyClass}}"></div> 

。但是我想知道是否有一种方法可以在ng级别的属性中执行这些操作。

喜欢的东西：

<div ui-view ng-class="{transparent: loading, bodyClass}"></div> 

左右...

Answer 1

您可以将bodyClass，这可能是唯一这样做

ng-class="{ 'transparent':loading, 
     'bodyClass': condition}" 

其中条件是condition为什么你会想把东西放在ng-class，AFAIK。

Answer 2

ng-class="{ 'transparent':loading, 
     'bodyClass': true}" 

简单的把true的条件bodyClass

Answer 3

<div ui-view ng-class="{transparent: loading, 'bodyClass': true}"></div>

虽然以上将增加bodyClass为一个字符串，你可能想它里面的值。

你可以在ng-class中调用一个函数，并设置它们的逻辑并返回一个你想要的类的字符串。

<div ui-view ng-class="getTheClass()"></div> 
$scope.getTheClass = function() { 
    var class = $scope.bodyClass; 
    if ($scope.loading) { 
     class = class + ' transparent'; 
    } 
    return class; 
}