ng對於不工作的角度5

Question

我正在嘗試從組件中的服務器顯示一些數據。

export class CommerceComponent implements OnInit {

     dealList;

    ngOnInit() {
         this.getDeals();
     }

    getDeals(){
    this.gatewayService.searchDeals(this.searchParams).subscribe(
      (data:any)=>{
        this.dealList = data.result;
        console.log("Deal list",this.dealList[0]);
      },
      (error)=>{
         console.log("Error getting deal list",error);
      }
    );
  }

服務

searchDeals(data){

        var fd = new FormData();
        fd.append('token',this.cookieService.get('token'));
        fd.append('search',data.keyword);

        return this.http.post(config.url+'hyperledger/queryByParams',fd);

    }

在html中

<div class="deal1" *ngFor="let deal of dealList">
  {{deal.Deal.title}}
 </div>

但是該列表未呈現，但是，我正在獲取console.log("Deal list",this.dealList[0]); 單個對象， this.dealList返回對象數組

Answer 1

如果在this.dealList[0]得到結果，則還需要迭代[0]索引項。

<div class="deal1" *ngFor="let deal of dealList[0]">
   {{deal.title}}
</div>

但是您的dealList是未定義的，因此訪問[0]將引發異常。 您還需要初始化它

dealList = []

Answer 2

您想要顯示的標題位於result[i].Deal.title這是JSON響應的圖像。

<div class="deal1" *ngFor="let deal of dealList">
    {{deal.Deal.title}}
</div>

Answer 3

您正在將response.results對象分配給dealList。 除了模板中的代碼，所有代碼都可以。

那是->

this.dealList = data.result;

這是data.result的外觀：

我認為應該是：

 <div class="deal1" *ngFor="let deal of dealList"> {{deal.Deal.title}} </div>