循环遍历字符串数组 - angular2

Question

然而非常基本的事情,但我无法弄清楚如何在angular2中的html模板中显示字符串数组.

html的

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

.TS

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

以上技巧是不是为我工作,文本编辑器显示错误#number在ngFor.这是否在新版本中被弃用？或者我在这里做错了什么？

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>