Extraが角2で表示されています。

Question

次のような配列があります。public colors = ['red'、 'green'、 'blue'];

これは私のコードです：

<ul> 
    <li *ngFor="#color of colors; #i=index">{{i}}. {{color}}<li> 
</ul> 

この私の出力：

はなぜこの余分なリストが表示されていますか？

Answer 1

私はそれを解決しました。それは、liタグの最後に"</li>"の代わりに"<li>"と書いたので発生しました