Angular 2: ngFor循环未定义值

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，即使它已明确定义。当我将 {{ comment.desc }} 在 DOM 中向上移动几行时，它起作用了：

<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>

这很好，但是我需要能够在 <div class="initial-container"></div>.

之外访问 comment.desc

谁能解释一下这是怎么回事？

Answer 1

commment 是 undefined，但定义了 comment。你打错了。

Angular 2: ngFor循环未定义值

Angular 2: ngFor loop undefined value

javascript

ionic-framework

ngfor

angular