Я показываю 2 иконки на основе щелчка флажка, но если я выбрал> 1, флажок не должен появиться

Question

на основании того, что я хочу показать значок, и если кто-либо выбирает несколько значков, значок не должен появиться. На вышеуказанной стороне появится 2 разных значка

<tr *ngFor="let data of mainData | paginate: { itemsPerPage: 10, currentPage: p } ; let i=index;">
  <td>
    <input class="custom-checkbox" (change)="onFilterChange($event,data)" type="checkbox" name="checkTest">
    <ng-container *ngIf="selectedAll.length > 1 ? isHide : !isHide">
      <ul class="list-inline icon-list" *ngIf="showIconForHide">
        <li class="list-inline-item">
          <i class="fa fa-eye-slash pointer hideClass hideIcons" [ngClass]="{'disabled': i == indexOfHide }" title="Hide visitor" (click)="hideStatus(data,i)"></i>
        </li>
        <li class="list-inline-item" *ngIf="!data.block_status">
          <i class="fa fa-ban pointer hideClass" title="Block notification" (click)="BlockVisitor(data)"></i>
        </li>
      </ul>
    </ng-container>
  </td>
  <td>
    {{data.ip_address |slice}}
  </td>
  <tr>

Answer 1

Почему вы используете ключевое слово this в файле HTML для доступа к любому Свойство компонента в шаблоне вам не нужно this переменная. Вы можете использовать его только по имени.

Убедитесь, что свойство должно быть public

Надеюсь, это сработает.