Angular 8：img src 属性的三元运算？答案

【问题标题】：Angular 8: ternary operation for img src attribute?Angular 8：img src 属性的三元运算？
【发布时间】：2019-12-09 03:30:32
【问题描述】：

我的数据有一个属性“照片”，它可能为空或包含文件名。

例如，"steve.jpg" 或 "" 如果 steve 没有照片。

在 React JSX 中，我可以对“photo”的值使用三元运算符，但我不知道如何使用 Angular 8 来实现。

知道我可以使用 2 个带有 2 个 ngIfs 的图像标签，但我想让它更干。这对我根本不起作用：

<img[attr.src]="person.photo !=='' ? '/assets/images/people/{{person.photo}}' : '/assets/images/people/missing-person.jpg'">

【问题讨论】：

【解决方案1】：

它只是 Angular 中的 [src]，并且 {{ }} 语法在绑定中无效。只有在插值中，才像正常一样访问变量

<img [src]="person.photo !=='' ? '/assets/images/people/' + person.photo : '/assets/images/people/missing-person.jpg'">

【讨论】：