Сохранение нескольких свойств в компоненте Angular mat-list

Question

При использовании компонента 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>

С помощью приведенного выше кода на странице отображается свойство «name» из моего списка и устанавливается свойство «code» в качестве значения. Таким образом, когда пользователь щелкает элемент, я могу получить код и отправить его другому компоненту. У меня есть два других свойства (описание, источник), которые я также хотел бы сохранить в элементе списка. Как лучше всего сохранить все 3 свойства (код, описание и источник), чтобы их можно было легко получить, когда пользователь выбирает элемент в списке?