额外的 li 以角度 2 ngFor 显示

Usa*_*que 1 angular2-directives

我有一个这样的数组: public color = ['red','green','blue'];

这是我的代码:

<ul>
    <li *ngFor="#color of colors; #i=index">{{i}}. {{color}}<li>
</ul>
Run Code Online (Sandbox Code Playgroud)

这是我的输出: 在此输入图像描述

为什么会显示这个额外的列表?

Usa*_*que 6

我解决了。发生这种情况是因为我写的"<li>"是而不是在标签"</li>"末尾li