Question

是否可以使用* ngFor？

迭代Angular 2中的接口实现

我想要的用法如下所示。

TypeScript示例：

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>

上面显示的是我正在进行的项目的简化示例。

在我的项目中，在尝试迭代接口的实现时，所有内容都会编译，并且没有错误。但是，页面上没有显示任何内容。

对于如何解决此问题迭代接口的实现，任何建议都表示赞赏。

Answer 1

使用* ngIf

时，您不需要{{}}

迭代Angular 2中的接口实现？

1 个答案: