2017-06-13 73 views
0

迭代中* ngFor对象我有一个数组中subscribethis.Term,如果我安慰,它看起来像问题与angular2

[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']); 
     } 
     }); 
    } 

任何人都可以请指出我哪里错了?

+1

这些信息不够。请提供更多代码。 –

+0

@GünterZöchbauer代码更新的问题,请检查 –

回答

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> 

可能工作。

+0

都尝试过,他们都不工作 –

+0

@NikhilRadadiya你的对象在数组里有一个'Heading'属性吗?你可以包含来自这些对象的'console.log'吗? – echonax

+0

@NikhilRadadiya我很难理解你的数据结构:-)是'保持Consision'和'Discount Condition'数组或对象吗? – echonax