找不到类型为“对象”的其他支持对象“ [对象对象]”。 NgFor仅支持绑定到Iterables,例如数组。在angular7中

时间:2018-10-29 12:36:33

标签: angular typescript angular7

我试图在angular7中使用Web API获取数据,但是我遇到了[object object]问题。

auth.service.ts

getCareer(){
    return this._HttpClient.get('http://localhost:49345/api/website/getCarrier');
    }

component.ts

export class careerComponent implements OnInit{

    getCareer$: object;

     constructor(private _AuthService: AuthService){ }

     ngOnInit(){
        this._AuthService.getCareer().subscribe(
        data => this.getCareer$ = data
    );
    }


}

component.html

<div class="col-xl-6" *ngFor="let career of getCareer$">
                    <h2>test</h2>
                    <h3>{{career.designation}}</h3>
                </div>

问题/控制台屏幕截图

enter image description here

API屏幕截图

enter image description here

我该如何解决?

1 个答案:

答案 0 :(得分:0)

`ngOnInit(){
    this._AuthService.getCareer().subscribe(
    data => { this.getCareer$ = data.data.map(item => {
            return item.designation
         })
});
}`

如上更改代码..希望它可以工作。 现在,getCareer $包含所有名称