我的 Angular *ngif-condition 不起作用。看起来不错,我找不到任何错误

问题描述 投票:0回答:1

如果

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>


angular-ng-if
1个回答
0
投票

myFavorites
可能为 null 或未定义,尝试使用此方法
if condition
:

*ngIf="myFavorites?.length === 0; else moviesList"

这应该可以解决您的问题。

© www.soinside.com 2019 - 2024. All rights reserved.