Question

我正在尝试在ng-repeat中使用ng-class，

<div data-ng-repeat='item in rows'>    
  <div class="repeat" data-ng-class="{ item.parent? 'parent': 'child'}">
  ...
  </div>
</div

但我不知道为什么会出现以下错误：

语法错误：令牌'。'是意料之外的，期待[：]在表达式[{item.parent？ '父母'：'孩子'}]

从[.parent开始？ 'parent'：'child'}]。

Answer 1

https://plnkr.co/edit/W8ptotfKDXUUFomvmsYH?p=preview

删除{}

<div data-ng-repeat='item in rows'>    
  <div class="repeat" data-ng-class=" item.parent ? 'parent': 'child'">
    {{item.parent}}
  </div>
</div

或带支架但没有三元

<div data-ng-repeat='item in rows'>    
  <div class="repeat" data-ng-class="{'parent':item.parent ,'child':!item.parent}">
    {{item.parent}}
  </div>
</div

Answer 2

这是使用ng-class

时的方法

<div class="repeat" ng-class="{
    'parent' : item.parent,
    'child' : !item.parent
}" </div>

ng-clss Token'。'是意料之外的，期待[：]

2 个答案: