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

Question

如果

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>

Answer 1

myFavorites

可能为 null 或未定义，尝试使用此方法

if condition

:

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

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