如果未选择 mat-list-option，如何禁用 mat-selection-list <mat-list-option> 中的按钮？

Question

我有一个 mat-list-options 列表，并且每个选项都有一个删除按钮。如果 mat-list-option 本身没有被选中，我想禁用 mat-list-option 内容中的删除按钮。这是我一直在尝试的：

<mat-list-option *ngFor="let query of userQueries" [contextMenu]="savedQueryOptions" [contextMenuSubject]="query" class="user-queries" id="currentQuery">
            <div>
              <span> {{query.queryName}}
                <button mat-icon-button ng-disabled="!currentQuery.selected">
                  <mat-icon>delete</mat-icon>
                </button>
              </span>
            </div>
          </mat-list-option>
        </mat-selection-list>

如何确定是否选择了 id 为“currentQuery”的父项？或者也许有更好的方法来禁用 ng 以获得正确的值？？

请帮忙。

谢谢！

Answer 1

<mat-selection-list #savedQueries>
          <mat-list-option #thisQuery *ngFor="let query of userQueries" class="user-queries" [value]="query.queryId">
            <div>
              <span> {{query.queryName}}
                <button mat-icon-button [disabled]="!thisQuery.selected" matTooltip="Delete selected query">
                  <mat-icon>delete_outline</mat-icon>
                </button>
              </span>
            </div>
          </mat-list-option>
        </mat-selection-list>