Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/404.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/30.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 角度8:img src属性的三元操作?_Javascript_Angular - Fatal编程技术网

Javascript 角度8:img src属性的三元操作?

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

我的数据有一个属性“photo”,该属性可能为空或包含文件名

例如,“steve.jpg”或“如果steve没有照片”

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

在我知道的情况下,我可以使用2个图像标签和2个
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'">


您是否尝试在没有
属性的情况下执行此操作。
?您是否尝试在没有
属性的情况下执行此操作。
?它不需要它它不需要它