Angular5垫选择

时间:2018-06-01 04:03:14

标签: angular angular5

我正在使用mat-select材料和Angular5。我陷入了问题,比如我无法将值绑定到mat-select中的* ngfor。

这些值来自其他API响应,并且我将它分配给分配给ngfor的值,当我在控制台时选择它我能够看到值,但在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;});
}

1 个答案:

答案 0 :(得分:1)

我认为问题是角度模型中的属性与API数据中的属性不匹配 尝试再次检查变量的名称或类型