ngFor 只显示数组中的最后一项

Question

我的组件中有一个 Persons 数组，当我尝试使用 *ngFor 显示 names 属性时，它只显示数组中的最后一个人。

<div class="collapse navbar-collapse navbar-ex1-collapse">
   <ul *ngFor="let person of Persons" class="nav navbar-nav side-nav">
      <li><a href="#">{{person.personName}}</a></li>
  </ul>
</div>

请注意，只有当我尝试在我正在使用的 Bootstrap 主题的侧边栏中显示它时才会发生这种情况。但是，在开发人员工具中，我可以看到其他名称已加载，但由于某种原因它们没有显示在屏幕上。

Plunker：https://plnkr.co/ye5lUMw0i5cHc87NIiFe

Answer 1

<div class="collapse navbar-collapse navbar-ex1-collapse">
    <ul class="nav navbar-nav side-nav">
        <li *ngFor="let person of Persons" ><a href="#">{{person.personName}}</a></li>
    </ul>
</div>

你试过了吗？