Как можно выделить только один элемент списка mat-list одновременно - PullRequest
Новая
       10

Как можно выделить только один элемент списка mat-list одновременно

0 голосов
/ 14 февраля 2019

У меня есть динамический mat-list: 

          <mat-list *ngFor="let item of (items$ | async)">
            <mat-list-item>
              <mat-checkbox
                [value]="item.id"
                (change)="doStuff($event)"
              >
              </mat-checkbox
              ><a (click)="getDetails(item.id)">{{
                item.title
              }}</a></mat-list-item
            >
          </mat-list>

на getDetails Я отображаю некоторую дополнительную информацию в div об элементе, и в то же время я хочу выделить этот конкретный выбранный элемент,Затем, если я щелкну по другому элементу, я хочу, чтобы только один был выделен сейчас, а другой - не выделен.

Я думаю, что мне нужен класс CSS, который назначается только при нажатии на элемент, но у меня возникают трудности с приближением к нему в моем конкретном случае использования.

Как бы вы достигли этого с минимальной болью?Есть идеи?

ОБНОВЛЕНИЕ:
В данный момент играю с @ViewChildren('#matList') myItems: ElementRef;, но пока не повезло

...