如何使用從angularJS中的函數返回的值在DOM中應用類？

我有我的DOM元素：如何使用從angularJS中的函數返回的值在DOM中應用類？

<i id= class="icon clr-org fleft ion-bookmark" ng-class="{business.class : setFavouriteBusinessIcon(business.ID, $index)}"></i>

現在我想申請business.class這是在我的範圍，因爲該元素的類變量每當setFavouriteBusinessIcon(business.ID, $index)返回true。

但目前的ng-class條件不起作用。

來源

2017-04-19 lakshay

類= 「{{類名}」這工作正常 –

你可以用單引號和{{...}}來做到這一點。就像這樣：

<i ng-class="{'{{business.class}}' : setFavouriteBusinessIcon(business.ID, $index)}"></i>

這裏有一個工作示例：（注意world類已經應用等是它的CSS）

var app = angular.module('plunker', []); 
 

 
app.controller('MainCtrl', function($scope) { 
 
    $scope.name = 'world'; 
 
});

.world { 
 
    background-color: red; 
 
}

<!DOCTYPE html> 
 
<html ng-app="plunker"> 
 

 
<head> 
 
    <meta charset="utf-8" /> 
 
    <title>AngularJS Plunker</title> 
 
    <script> 
 
    document.write('<base href="' + document.location + '" />'); 
 
    </script> 
 
    <script data-require="[email protected]" src="https://code.angularjs.org/1.4.12/angular.js" data-semver="1.4.9"></script> 
 
</head> 
 

 
<body ng-controller="MainCtrl"> 
 
    <p ng-class="{'{{name}}': true}">Hello {{name}}!</p> 
 
</body> 
 

 
</html>

來源

2017-04-19 10:43:34 tanmay

如何使用從angularJS中的函數返回的值在DOM中應用類？

回答

相關問題