Как показать выбранную опцию mat-select в угловых?

Question

Здесь мой раскрывающийся список выбора мата в этом раскрывающемся списке. У меня есть несколько пользователей, когда я выбираю любого пользователя, которому я хочу показать это выбранное имя пользователя, но в ngModel у меня есть userObject.userid, который я не хочу менять, как можно отображать имя пользователя.любой выбранный пользователь.

chat.component.html

<mat-form-field style="width: 25%;margin-top: 20px;margin-left: 20px;">
  <mat-select placeholder="Select User" [(ngModel)]="userObject.userid" name="userid" required>
    <mat-option *ngFor="let item of userObj" [value]="item.userid">
      {{item.username}}
    </mat-option>
  </mat-select>
</mat-form-field>  

<h2>Selected : {{userObject.username}}</h2>

Answer 1

Я бы просто связал весь объект с выбором и использовал бы переменную, например, под названием selectedUserОчевидно, вам нужен userid, но он безопасно хранится в переменной, а также username.Итак, что бы я сделал ... (также измените некоторые имена переменных, чтобы различать их):