0

使用 Angular 11 mat-list-option 组件时，我可以将 [value] 属性设置如下：

   <mat-selection-list [multiple]="false" #data (selectionChange)="onSelection($event)">
        <mat-list-option *ngFor="let element of rawData" [value]="element.code">
            {{element.name}}
        </mat-list-option>
    </mat-selection-list>

使用上面的代码，页面显示我列表中的“名称”属性并将“代码”属性设置为值。这样，当用户单击项目时，我可以获取代码并将其发送到另一个组件。我还有另外两个属性（描述、来源），我也想将它们存储在列表项中。存储所有 3 个属性（代码、描述和源）以便在用户选择列表中的项目时轻松检索它们的最佳方法是什么？

4

0 回答 0