Ionic2ビュー、オブジェクトをダブルで印刷されても、ここでを印刷されているngFOR 二重引用符を経由してforループを反復処理することで、カスタムオブジェクトを印刷しようとすると、私のループ値がこののように印刷されているされて

を引用します"METRO" METROIonic2ビュー、オブジェクトをダブルで印刷されても、ここでを印刷されているngFOR 二重引用符を経由してforループを反復処理することで、カスタムオブジェクトを印刷しようとすると、私のループ値がこののように印刷されているされて

のような私は、彼らが正常に見えるしたいしばらく

<ion-list> 
    <ion-item-group *ngFor="let g of tp.LegList"> 
    <table width="100%" border="0"> 
     <tbody> 
     <tr> 
      <th> 
      <ion-card> 
       <div *ngIf="g" ng-value="some value"> 
       {{g}} {{g.line}} 
       <ion-item> 
        <ion-label (click)="showNextDepartures($event)">{{g.line | json}}</ion-label> 
       </ion-item> 
       </div> 
      </ion-card> 
      </th> 
     </tr> 
     </tbody> 
    </table> 
    </ion-item-group> 
</ion-list> 
</ion-item-group> 
</ion-list>

出典

2017-01-20 Farrukh Qamar

'{{g}} {{g.line}}'あなたはオブジェクト全体を印刷していますか？また、コードのどの行がMETROを印刷しますか？ –

<イオンラベル（クリック）= "showNextDepartures（$ event）"> {{g.line | json}} "18"が印刷されている間にg.line>が18を出力する私はカスタムクラスオブジェクトの配列を反復処理しています。 gにはすべてのメンバーが含まれています。そのうちの1つは行で、もう1つはタイプです。g.lineまたはg.typeでアクセスすると、二重引用符は印刷されません。 –

なぜ送信しますかjsonパイプ？それはプロパティ全体ではなく、オブジェクト全体をきれいに印刷するために使用されます。 –

はjson pipeずに試してみてください。 Jsonパイプは、特定のプロパティではなくオブジェクト全体をきれいに印刷するために使用されます。

<ion-label (click)="showNextDepartures($event)">{{g.line}}</ion-label>

出典

2017-01-20 09:03:59

ありがとうございました。パイプなしで動作しています –

pipe would {{g | json}}。これは一般的にjsonコンテンツをデバッグするために使用されます。それはそれがかなりプリントするので、それは何かを表示するために使用されて見た –

答えて

関連する問題