Javascript 在角垫列表组件中存储多个特性

使用Angular 11 mat list选项组件时，我可以如下设置[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>

{{element.name}

---

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

您可以存储整个对象

[value]=“element”

，然后检索您想要在另一个组件中检索的值您可能必须使用[ngValue]存储对象而不是属性。嗨，godocmat，这很好用。非常感谢。