2016-10-13 15 views
0

* ngForで角度2のインターフェイスの実装を反復することはできますか?インターフェイスの実装を角2で繰り返しますか?

希望する用途を以下に示します。

活字体例:上記に示したもの

export interface Animal 
{ 
    name: string; 
    vertebrate: boolean; 
} 

export class Bird implements Animal 
{ 
    name: string; 
    vertebrate: boolean; 
    wingSpan: number; 
} 

export class Fish implements Animal 
{ 
    name: string; 
    vertebrate: boolean; 
    color: string; 
} 

<!--Where earth would be an object with Animals: Animal[];--> 

<div *ngFor="let animal of earth.Animals"> 

    <span *ngIf="animal.vertebrate">{{animal.name}}</span> 

    <span *ngIf="animal.getType == 'Bird' ">{{animal.wingSpan}}</span> 

</div> 

は、私が働いているプロジェクトの簡略化した例です。

私のプロジェクトでは、インターフェイスの実装を反復しようとしている間、すべてがコンパイルされ、エラーはありません。しかし、何もページに表示されません。

のインプリメンテーションについては、この問題にどのように対処するかアドバイスしてください。

+0

'earth'オブジェクトを表示できますか?あなたが誤っていると言ったので、 '* ngIf'の正しい使い方を表示するためにポストを更新してください。 –

+0

@peeskillet * ngIfの正しい使用のために修正されました。 –

+0

ちょうど、このインターフェイスは問題ではありません。すべての入力は実行時に消去されます。重要なのはオブジェクトの内容だけです。だからこそ私はあなたの地球オブジェクトを表示するように頼んだのです。 –

答えて

0

* ngIfを使用するときに{{}}は必要ありません

+0

申し訳ありません、私はすぐにこの例を入力し、ngIfエラーを無視します。 –

関連する問題