使用三元运算符时，属性'logItem'在'AppComponent'类型上不存在

Question

ngStyle在component.html中调用getColor（）：

<div 
  *ngFor="let logItem of log" 
  [ngStyle]="{'background-color': getColor(logItem)}" 
  [ngClass]="{'white-text': logItem >= 5}">{{ logItem }}
</div>

在component.ts中，只要我使用if/else，我的方法就可以工作：

getColor(logItem){
  if (logItem >= 5) {
    return 'blue';
  } else {
      return 'green';
    } 

    //return this.logItem >= 5 ? 'blue' : 'white';
  }
}

但是当我尝试使用三元操作时出现错误。

为什么？

Answer 1

初看起来，您应该使用 logItem 代替 this.logItem

return logItem >= 5 ? 'blue' : 'white';