条件表达式需要最后的所有3个表达式

时间:2017-11-30 10:32:53

标签: javascript angular typescript

<div *ngFor="let f of layout?.photoframes; let i = index" [attr.data-index]="i">
   <input type="number" [(ngModel)]="f.x" [style.border-color]="(selectedObject===f) ? 'red'"  />
</div>

条件样式抛出错误

Conditional expression (selectedObject===f) ? 'red' requires all 3 expressions at the end
of the expression [(selectedObject===f) ? 'red'] what can I do?

1 个答案:

答案 0 :(得分:5)

这适用于不同的上下文,但是如果您在 Angular 中使用管道(|),并且从视图中看到此错误,则可能需要在管道周围放置括号,如下所示:< / p>

<input value={{device.id ? (device.id | decimalToHex) : ''}}>

如果您这样离开他们:

<input value={{device.id ? device.id | decimalToHex : ''}}>

然后您会收到此错误