ng-clss 令牌 '." 是出乎意料的，期待 [：]

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？"父母"："孩子"}]。

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>