Angular 角度：渲染图像（如果可用）。否则渲染默认图像

在我的程序中，我从api中检索到一个图像。 映像路径可能有效或无效。 在我下面的设计中，如果返回未找到的图像，代码将中断

如果在url中找不到图像，我想返回一个名为default-image.jpg的默认图像 {{movie.poster_path}}。default-image.jpg文件位于assets文件夹中

app.component.html

<div class="table">
    <div class="box" *ngFor="let movie of _movieArray; let i = index">
        <div class="img"><img src="http://image.tmdb.org/t/p/w185{{movie.poster_path}}" (error)="updateUrl($event)"></div>
        <br>
        <div class="title">{{movie.title}}</div>
        <br>
        <div class="overview">{{movie.overview}}</div>
        <br><br>
    </div>
</div>

<div class="table">
    <div class="box" *ngFor="let movie of _movieArray; let i = index">
        <div class="img"><img src="http://image.tmdb.org/t/p/w185{{movie.poster_path}}" onError="this.src='assets/default-image.jpg'"></div>
        <br>
        <div class="title">{{movie.title}}</div>
        <br>
        <div class="overview">{{movie.overview}}</div>
        <br><br>
    </div>
</div>

---

我想出来了。答案比我想象的要简单得多

{{movie.title}


{{movie.overview}

<div class="table">
    <div class="box" *ngFor="let movie of _movieArray; let i = index">
        <div class="img"><img src="http://image.tmdb.org/t/p/w185{{movie.poster_path}}" onError="this.src='assets/default-image.jpg'"></div>
        <br>
        <div class="title">{{movie.title}}</div>
        <br>
        <div class="overview">{{movie.overview}}</div>
        <br><br>
    </div>
</div>