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

时间:2017-05-01 06:04:41

标签: angular angularjs-directive

我的组件中有一个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

1 个答案:

答案 0 :(得分: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>

你试过这个吗?