如何从Angular 2中的组件迭代Observable响应对象

Question

我从 Component 类调用服务并获取 Observable (Customers) Object 作为响应。 如果我使用 <div *ngFor="let cust of customerDetailsItem"> {{cust.id}} </div> 然后我得到了值。但如果我想在组件中使用可观察到的响应，那么它会显示“Undefined”。

    constructor(public service:ViewListCustomerServiceService) {
    this.service.getCustomerItemList().subscribe(lst =>this.customerDetailsItem=(lst));
console.log(this.customerDetailsItem);    //Showing Undefined.
  }

因为我想要“customerDetailsItem”将数据分配给组件类中的Json 对象。

Answer 1

您的对象this.customerDetailsItem 将是未定义的，直到您收到订阅的响应。因此，您可以做的是在收到lst 后执行必要的代码。

constructor(...) {
    this.service.getCustomerItemList()
        .subscribe(lst=>this.initialize(lst));
}

initialize(lst: any) {
   this.customerDetailsItem = lst;
   // from now on your object will be set
}