ng-class的语法

Question

我使用此功能将ng-class分配给元素。

ng-class="{'level-' + {{row.level}}:true,active:TestFlag==true}"

但它给了我很多错误。它的语法有什么问题？这样做的正确方法是什么？

Answer 1

使用

ng-class="{'level-{{row.level}}': true, active: TestFlag==true}"

Answer 2

我认为你需要关闭第一部分并按照这样做：

ng-class="{active:TestFlag}" class="{{'level-' + row.level}}"

演示：http://plnkr.co/edit/NSZbm1sntT3uwDgx4g0L?p=preview

您还可以在控制器中构建对象：

$scope.classSet = {};
$scope.classSet['level-' + $scope.row.level] = true;
$scope.classSet['active'] = $scope.TestFlag;

 <p ng-class="classSet">Here</p>