Невозможно применить фильтр (активный / неактивный) к мат-фишкам с символом тика динамически

Question

Я новичок в материале Angular и пытаюсь добавить мат-фишки, чтобы добавить местоположение для моего приложения, и фишки должны иметь поведение по умолчанию. ВСЕ местоположение должно быть выбрано, и затем более поздний пользователь сможет выбрать один илиВо многих местах, в зависимости от количества выбранных чипов, есть действие.Теперь я застрял, как выбрать несколько чипов одновременно с символом галочки на чипе.

Ниже приведено то, что я пробовал для этого

AddressLocation.html

<ng-container>
    <mat-chip-list class="chip-list">
        <mat-chip  selected color="accent">All</mat-chip>
        <mat-chip selected color="accent"
                   *ngFor="let addressLocation of addressLocations">
            {{addressLocation}}
        </mat-chip>

    </mat-chip-list>
</ng-container>

AddressLocation.ts

export class AddressLocationComponent {
    @Input() addressLocations: string[] = null;
}

после запуска выглядит так:

All Address1 Address2 Address3

В виде фишек

Ожидаемое поведение

All (tick Symbol)Address1 Address2 (tick symbol)Address3