使用 *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'"

在那种情况下它会起作用。在要匹配的文本上放置单引号。

使用 *ngIf 基于属性显示元素

Show Elements Base on Property using *ngIf

angular

ngfor

使用 *ngIf 基于 属性 显示元素

Show Elements Base on Property using *ngIf

angular

ngfor

使用 *ngIf 基于属性显示元素