循环遍历字符串数组 - 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"];

以上技巧对我不起作用，文本编辑器在 ngFor 中显示 #number 错误。这在新版本中是否已弃用？还是我做错了什么？

Answer 1

您必须使用 let 声明变量 number。

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

Answer 2

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

Answer 3

使用 let 而不是 #

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

Loop through array of strings - angular2