Angular 8:IMG SRC属性的三元操作

Question

我的数据具有属性"照片"，该属性可能为空或包含文件名。

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

在React JSX中，我可以在"照片"的值上使用三元运算符，但我不知道如何使用Angular 8。

在知道我可以使用2个ngIf s的2个图像标签，但我希望ot使其更干燥。这对我根本不起作用：

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

Answer 1

它仅在Angular中，而{{}}语法在bindings中无效。仅在插值中，只需访问常规

之类的变量

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

Answer 2

您可以这样做：

<img src="/assets/images/people/{{ (person.photo !=='' ? person.photo : 'missing-person') + '.jpg'}}">