在angular2中的* ngFor中迭代對象的問題

Question

我在subscribe有一個這樣的數組this.Term ，如果我進行控制台，它看起來像

[Discount Condition:Array(3), Stay Consition:Array(2)]
Discount Condition:Array(3)
0:object
   EventType:"success"
   Heading:"Discount Condition"
   Help:"Terms"
1:object
   EventType:"success"
   Heading:"Discount Condition"
   Help:"Terms"
2:object
   0:object
   EventType:"success"
   Heading:"Discount Condition"
   Help:"Terms"

Stay Condition:Array(2)
0:object
1:object

我正在嘗試在組件html中打印它，例如

<div *ngFor="let item of Term">
     {{item.Heading}}
</div>

如果我使用檢查元素檢查它說

<!--template bindings={
  "ng-reflect-ng-for-of": ""
}-->

這是功能

getTerms(){
    this.quoteService.getTerms()
    .subscribe(
      terms => {
        this.terms = terms.resultData.Terms;
        this.notes = terms.resultData.ImpNotes;
        this.exclusions = terms.resultData.Exclusions;
        var arr=[];
        var strHeading;
        for(let i=0;i<this.terms.length;i++) {
          strHeading=this.terms[i].Heading;
          if (arr.indexOf(strHeading) >= 0) {
            this.uniqTerm[strHeading].push(this.terms[i]);
          } 
          else {
            if (!this.uniqTerm[strHeading])
               this.uniqTerm[strHeading] = [];
               this.uniqTerm[strHeading].push(this.terms[i]);
               this.Term.push(this.uniqTerm);
               arr.push(strHeading);
          }         
        }        
        console.log(this.Term);
      },
      response => {
        if (response.status == 404) {
          //this.router.navigate(['NotFound']);
        }
      });
  }

誰能指出我要去哪里錯了？

Answer 1

this.Term似乎是一個數組數組。

就像是

<div *ngFor="let item of Term[0]">
     {{item.Heading}}
</div>

檢查您的數據是否正確將是一個骯臟的檢查。

然后，如果要遍歷這些數組；

<div *ngFor="let item of Term">
     <div *ngFor="let elem of item">
           {{elem?.Heading}}
     </div>
</div>

可能有用。