Как использовать условие * ngIf внутри поля <td> таблицы с использованием angular, где * ngFor зацикливается?

На самом деле в моем файле component.ts я использовал api для вызова метода, и он возвращает мне массив объектов.

И мои проблемы начались, когда я пытаюсь использовать ngIf в теге, чтобы скрыть / показать столбец в соответствии с client.auditorGroup, поскольку он либо true, либо false (он имеет тип boolean), но он не дает мне доступа:

1-й код:

ngOnInit() {

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


        this.chRef.detectChanges();

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

  }

И в моем html-коде я использовал это Edit Delete, и это 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>