*ngFor显示空数组中的元素

Question

关注*ngFor

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

其中todoService是注入接口

import {Injectable} from 'angular2/core';

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

当我加载页面时,输出<li></li>而不是什么.

知道为什么吗？由于数组是空的,因此不应该有<li>-tag

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

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

Answer 1

啊是啊:)即使解决方案有时过于简单,你也可以对这些问题视而不见.

我相信你希望底部<li>是一个结束标签？这可能只是解决您的问题:

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