文字列の配列をループする-angular2

Question

まだ非常に基本的なことですが、htmlテンプレートの文字列の配列をangular2で表示する方法を理解できません。

.html

<ul>
       <li *ngFor="#number of numberOptions">
          {{number}}
       </li>
</ul>

.ts

this.numberOptions= ["I", "II", "III", "IV", "V", "VI", "VII", "VIII", "IX", "X"];

上記のトリックは私には機能しません、テキストエディターはngForの#numberのエラーを表示します。これは新しいバージョンで非推奨ですか？または私はここで何か悪いことをしていますか？

Answer 1

変数numberをletで宣言する必要があります。

   <li *ngFor="let number of numberOptions">
      {{number}}
   </li>

Answer 2

＃の代わりにletを使用します

<ul>
       <li *ngFor="let number of numberOptions">
          {{number}}
       </li>
</ul>

Answer 3

<ul>
       <li *ngFor="let number of numberOptions">
          {{number}}
       </li>
</ul>