Коврик Angular5 select

Question

Я использую материал mat-select и Angular5.Я застрял в проблеме, как будто я не могу связать значения с моим * ngfor в mat-select.

Значения получены из ответа API остальных, и я присваиваю его значению, назначенному ngforв mat выберите, когда я утешу его, я смогу увидеть значения, но в html я не смог получить значение, помогите мне.!

html
<mat-select name="name" [(ngModel)]="nameselected">
<mat-optgroup *ngFor="let name of names" [label]="name.SurName">
<mat-option   *ngFor="let hobby of name.hobbies" [value]="hobby.hobbyName" >
      {{ hobby.hobbyName }}
    </mat-option>
  </mat-optgroup>
</mat-select>

component.ts

getNames(){
return this.nameService.getNames().subscribe(data => { this.names = data
console.log(names, this.names);
this.names=this.nameList;});
}

Answer 1

Я думаю, что проблема в том, что свойства вашей угловой модели не совпадают со свойствами из данных API, попробуйте снова проверить имя или тип переменной