Angular 垫子选择列表没有'；不显示在mat自动完成中

在创建允许多个选择的mat自动完成组件时，我想使用mat选择列表。 这将提供一些所需的本机功能，例如复选框

即使使用值启动数组“chartList”，动态mat SelectiOn列表也不会显示在mat autocomplete内部

<mat-form-field>
    <mat-label>{{ Patient }}</mat-label>
    <input type="text" placeholder="Text" matInput formControlName="links" [matAutocomplete]="auto" />
    <mat-autocomplete #auto="matAutocomplete">
        <mat-selection-list #selectionList (selectionChange)="onSelectionChange($event)"  [disableRipple]="true">

            <mat-list-option *ngFor="let chart of chartList" [value]="chart"
                [checkboxPosition]="'before'" [id]="chart.key">
                <div class="d-flex">
                    <span class="col-4 xs-text">{{ chart.name }}</span>
                    <span class="col-3 xs-text">{{chart.additionalData.dateOfBirth | date}}</span>
                    <span class="col-4 xs-text">{{chart.additionalData.city }}</span>
                </div>
            </mat-list-option>
        </mat-selection-list>
    </mat-autocomplete>
  </mat-form-field>

{{患者}
{{chart.name}
{{chart.additionalData.dateOfBirth}
{{chart.additionalData.city}

cdk面板显示为没有内容的薄下拉列表

在彻底审查了这份报告之后，我认为可能与此有关

每个选项都应该由mat选项标签定义

然而，正如我在问题中提到的，将使用材料选择清单。 此外，它还明确指出应该而不是必须

然而，这是有效的解决方案：

<mat-form-field>
    <mat-label>{{ Patient }}</mat-label>
    <input type="text" placeholder="Text" matInput formControlName="links" [matAutocomplete]="auto" />
    <mat-autocomplete #auto="matAutocomplete">
        <mat-selection-list #selectionList (selectionChange)="onSelectionChange($event)"  [disableRipple]="true">

            <mat-list-option *ngFor="let chart of chartList" [value]="chart"
                [checkboxPosition]="'before'" [id]="chart.key">
                <div class="d-flex">
                    <span class="col-4 xs-text">{{ chart.name }}</span>
                    <span class="col-3 xs-text">{{chart.additionalData.dateOfBirth | date}}</span>
                    <span class="col-4 xs-text">{{chart.additionalData.city }}</span>
                </div>
            </mat-list-option>
        </mat-selection-list>

     <mat-option [style.display]="'none'"></mat-option>
    </mat-autocomplete>
  </mat-form-field>

{{患者}
{{chart.name}
{{chart.additionalData.dateOfBirth}
{{chart.additionalData.city}

请注意空垫选项的版本

不知道为什么有必要