javascript - *ngFor 显示空数组中的元素

Question

关注 *ngFor

<ul>
  <li *ngFor="#todo of todoService.todos">
    {{todo}}
  <li>
</ul>

其中 todoService 是一个注入(inject)接口(interface)

import {Injectable} from 'angular2/core';

@Injectable()
export class TodoService {
    todos = []
}

当我加载页面时，输出为 <li></li>而不是什么都没有。

知道为什么吗？由于数组为空，因此不应有 <li>。 -标签

编辑 当我用值初始化数组时也会发生这种情况。无缘无故总是有一个尾随空元素。

编辑2 问题示例 https://plnkr.co/edit/MRYC4MHtlDLfBMUPsL6o?p=preview

Answer 1

是的 :) 你可以对这些问题视而不见，即使解决方案有时太简单了。

相信你会喜欢底<li>成为结束标签？这可能会解决您的问题:

<ul>
  <li *ngFor="#todo of todoService.todos">
    {{todo}}
  </li>  <!-- this nagger right here -->
</ul>