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>
.
내 프로젝트에서 인터페이스의 구현을 반복하면서 모든 것이 컴파일되고 오류가 없습니다. 그러나 아무 것도 페이지에 표시되지 않습니다.
이 문제에 접근하는 방법에 대한 조언은 인터페이스의 구현을 반복합니다.
'지구'개체를 표시 할 수 있습니까? 그리고 오타라고 했으므로'* ngIf'를 올바르게 사용하기 위해 글을 올리실 수 있습니까? –
이있을 수있는 다른 오타를 수정하십시오. @peeskillet * ngIf의 올바른 사용을 위해 수정되었습니다. –
참고로 인터페이스는 문제가되지 않습니다. 모든 타이핑은 런타임에 지워집니다. 중요한 것은 객체의 내용입니다. 그래서 제가 여러분에게'earth' 객체를 보여달라고 요청한 것입니다. –