Question

我有一个简单的*ngFor循环，我无法弄清楚它为什么会抛出错误

<ion-list>
  <ion-item *ngFor="let comment of [{'employee': 'jeremy lopez', 'desc': 'blah blah blah'}]">
    <ion-avatar item-left>
      <div class="initial-container">
        <div class="flex justify-content-center align-items-center">
          <div>{{ comment.employee }}</div>
        </div>
      </div>
    </ion-avatar>
    <p>{{ commment.desc }}</p>
  </ion-item>
</ion-list>

这会引发错误TypeError: Cannot read property 'desc' of undefined，即使它已明确定义。当我在DOM中移动{{ comment.desc }}几行时，它可以工作：

<ion-item *ngFor="let comment of [{'employee': 'jeremy lopez', blah: 'blah blah blah'}]">
  <ion-avatar item-left>
    <div class="initial-container">
      <div class="flex justify-content-center align-items-center">
        <div>{{ comment.employee | initialFormat }}</div>
        <p>{{ commment.desc }}</p>
      </div>
    </div>
  </ion-avatar>
</ion-item>

这很好，但我需要能够在comment.desc之外访问<div class="initial-container"></div>。

有人可以解释发生了什么吗？

Answer 1

commment为undefined，但comment已定义。你有一个错字。

Angular 2：ngFor循环未定义的值

1 个答案: