2017-11-06 2 views
0

オブジェクトのオブジェクトを配列に表示しようとしていますが、私はバックエンドを変更できないので、私は壁から頭を打っています。 これは私がこれまでに得たものです、M01、M02、M03 ... 11月が11月なので月を参照するかもしれませんが、2月のidがM01とM02のみだった場合は11です。私はのために第二に、私はループにそれをカントオブジェクトのプロパティを持って、私はそれで多くの問題を抱えている表示データの角度4(配列からオブジェクトへの変換)

Array to display

ので、これは私の見解

<div *ngIf="estados" class="table-responsive col-lg-12 tablilla"> 
    <table class="table table-bordered table-striped table-responsive"> 
    <thead> 
    <tr> 
     <th></th> 
     <th *ngFor="let month of listaMonthsNames">{{month}}</th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr *ngFor="let estado of estados"> 
     <td>{{estado.nom_item}}</td> 
     <td *ngFor="let month of estado.M[0]">{{month}}</td> 
    </tr> 
    </tbody> 
    </table> 
</div> 

答えて

1

である私は、この考えますあなたを助ける:そうテンプレート側からObjectにアクセスするための直接的な方法はありません

、あなたがする必要がある

すべてが0を提供していますComponentからこの方法によってTemplate側へのアクセス:

// Component Side : 
objectKeys = Object.keys; 

// Template Side : 
<td *ngFor="let key of objectKeys(estado.M)"> 
    Key: {{key}}, value: {{estado.M[key]}} 
</td> 

あなたはObject.keys HERE

+0

についての詳細を読むことができますが、少し説明することができ、?、感謝 –

+0

@RildoGomezは、通過してくださいしてください一度リンクすれば、そのアイデアが得られます。 –

+0

ありがとうVivek Doshi!それはちょっと変更が必要でした、それだけでした* ngFor = "ObjectKeys(estado.M)のキーを聞かせてください"> [{estado.M [key]}}なし[0] –

関連する問題