javascript - 如何使用 *ngFor 循环的 Angular 在表的 <td> 字段内使用 *ngIf 条件？

Question

实际上，在我的 component.ts 文件中，我使用了 api 来调用该方法，并且它返回了对象数组。

我的问题开始于我尝试在标签中使用 ngIf 根据 client.auditorGroup 隐藏/显示列，因为它是 true 或 false(它是 bool 类型)，但它没有给我访问权限:

第一个代码:

ngOnInit() {

   this.http.get('http://localhost:8080/api/selections')
      .subscribe((data: any[]) => {
        this.clients = data;
        console.log(this.clients);


        this.chRef.detectChanges();

        const table: any = $('table');
        this.dataTable = table.DataTable();
      });

  }

在我的 html 代码中我使用了这个编辑删除，它是 h

<table class="table table-bodered">

          <thead>
            <tr>
              <th>Mag No</th>
              <th>SelectionDate</th>
              <th> SelectedBy</th>
              <th>PanEximNumber</th>
              <th>Name</th>
              <th>Address</th>
              <th>PhoneNumber</th>
              <th>SelectionType</th>
              <th>Action</th>

            </tr>
          </thead>
          <tbody>
            <tr *ngFor="let client of clients">
              <td>{{client.selectionId}}</td>
              <td>{{client.selectionDate}}</td>
              <td>{{client.selectedBy}}</td>
              <td>{{client.panEximNumber}}</td>
              <td>{{client.name}}</td>
              <td>{{client.address}}</td>
              <td>{{client.phoneNumber}}</td>
              <td>{{client.selectionType}}</td>
              <td *ngIf="{{client.auditorGroup}}==false">Edit Delete</td>

            </tr>


          </tbody>

        </table>

Answer 1

使用*ngIf时删除插值{{}}

 <td *ngIf="!client.auditorGroup">Edit Delete</td>