Javascript 角度8:img src属性的三元操作?
我的数据有一个属性“photo”,该属性可能为空或包含文件名 例如,“steve.jpg”或“如果steve没有照片” 在React JSX中,我可以对“photo”的值使用三元运算符,但我不知道如何使用Angular 8 在我知道的情况下,我可以使用2个图像标签和2个Javascript 角度8:img src属性的三元操作?,javascript,angular,Javascript,Angular,我的数据有一个属性“photo”,该属性可能为空或包含文件名 例如,“steve.jpg”或“如果steve没有照片” 在React JSX中,我可以对“photo”的值使用三元运算符,但我不知道如何使用Angular 8 在我知道的情况下,我可以使用2个图像标签和2个ngIfs,但我想让它更干燥。这对我根本不起作用: <img[attr.src]="person.photo !=='' ? '/assets/images/people/{{person.photo}}' : '/asse
ngIf
s,但我想让它更干燥。这对我根本不起作用:
<img[attr.src]="person.photo !=='' ? '/assets/images/people/{{person.photo}}' : '/assets/images/people/missing-person.jpg'">
它只是角度上的[src],而{{}}语法在绑定中无效。只有在插值中,才可以像法线一样访问变量
<img [src]="person.photo !=='' ? '/assets/images/people/' + person.photo : '/assets/images/people/missing-person.jpg'">
它只是角度上的[src],而{{}}语法在绑定中无效。只有在插值中,才可以像法线一样访问变量
<img [src]="person.photo !=='' ? '/assets/images/people/' + person.photo : '/assets/images/people/missing-person.jpg'">
您是否尝试在没有属性的情况下执行此操作。
?您是否尝试在没有属性的情况下执行此操作。
?它不需要它它不需要它