Angular/material ui - 以编程方式选择 mat-selection-list

ste*_*eno 1 angular-material angular

我有一个 mat-selection-list,我需要在组件加载时以编程方式检查特定项目。我需要检查的项目将根据 mat-list-option 的 [value] 选择。我找不到任何关于此的文档。html 非常简单:

<mat-selection-list color="primary" #suretyList formControlName="AgentAgencyAndSureties">
    <mat-list-option *ngFor="let surety of suretyNames" [value]="surety.Id">
        {{surety.SuretyName}}
    </mat-list-option>
</mat-selection-list>
Run Code Online (Sandbox Code Playgroud)

我只想检查值中具有特定surety.Id 的项目。这似乎并不难做到,但正如我所说,我找不到任何关于此的示例或良好的文档。

我使用 Angular 10 作为核心 UI 和 Material UI

tms*_*ndz 5

尝试mat-list-option selected输入。

<mat-list-option  [selected]="condition">....
Run Code Online (Sandbox Code Playgroud)