使用* ngIf

Question

作为参考，这是我正在观看的教程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>

Answer 1

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

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

Answer 2

*ngIf="course.category == 'ADVANCE'"

在这种情况下它将起作用。将单引号放在文本上以匹配。