如果
myFavorites.length
为0,我希望它显示以下消息:
“收藏夹中没有添加的电影。”
否则将显示主要内容(
movieList
)。
<div class="movie_container">
<ng-template *ngIf="myFavorites.length === 0; else moviesList">
<p>There are no added movies in the favorites list.</p>
</ng-template>
<ng-template #moviesList>
<div *ngFor="let movie of myFavorites" class="movie_container">
<img
class="poster"
[src]="'https://image.tmdb.org/t/p/w1280/' + movie.backdrop_path"
[alt]="movie.title"
/>
<h3>{{ movie.title }}</h3>
<button (click)="removeFromFavorites(movie.id)">Remove</button>
</div>
</ng-template>
</div>
myFavorites
可能为 null 或未定义,尝试使用此方法 if condition
:
*ngIf="myFavorites?.length === 0; else moviesList"
这应该可以解决您的问题。