2016-10-13 2 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

'지구'개체를 표시 할 수 있습니까? 그리고 오타라고 했으므로'* ngIf'를 올바르게 사용하기 위해 글을 올리실 수 있습니까? –

+0

이있을 수있는 다른 오타를 수정하십시오. @peeskillet * ngIf의 올바른 사용을 위해 수정되었습니다. –

+0

참고로 인터페이스는 문제가되지 않습니다. 모든 타이핑은 런타임에 지워집니다. 중요한 것은 객체의 내용입니다. 그래서 제가 여러분에게'earth' 객체를 보여달라고 요청한 것입니다. –

답변

0

* ngIf를 사용할 때 {{}}을 (를) 사용하지 않아도됩니다.

+0

죄송합니다. 신속하게이 예제를 입력하고 ngIf 오류를 무시하십시오. –