时间戳

首页 > 解决方案 > 使用 *ngIf 根据属性显示元素

angular - 使用 *ngIf 根据属性显示元素

问题描述

供参考，这是我正在观看的教程https://www.youtube.com/watch?v=5qCAVg0pvVg

在 db-data.ts 中，我只想显示包含特定属性的课程卡，例如 course.category == ADVANCE。如何在 HTML 文件中实现这一点

我试过这个代码片段，但它不工作

<ng-container *ngFor="let course of courses" >
    <div *ngIf="course.description == JORDAN">
        <div class="courses"  >
          <course-card  (courseSelected)="onCourseSelected($event)" [course]="course">

          </course-card>
        </div>
      </div>

</ng-container>

标签： angularngfor

解决方案

您需要在quotes('') 中嵌入字符串并用于===进行类型检查，如下所示，

 <div *ngIf="course.description === 'JORDAN'">

推荐阅读