条件图像Src以角度2绑定

Question

如何<img> src在Angular 2中编写ternany条件.

下面是我尝试的代码,但这不起作用

<img class="lib-img" [src]="item.pictureUrl!= null ? item.pictureUrl : ~/images/logo.png" height="500" width="500" alt="default image">

Answer 1

[src]="item.pictureUrl!= null ? item.pictureUrl : myImgUrl"

然后在你的 .ts

export class App{
   myImgUrl:string='~/images/logo.png';
}

Answer 2

[src]="item.pictureUrl ? item.pictureUrl : 'assets/img/logo.png'"

也许更好的方法是将您的图像保存在资产文件夹中：assets/img/logo.png