循环遍历字符串数组 - angular2答案

【问题标题】：Loop through array of strings - angular2循环遍历字符串数组 - angular2
【发布时间】：2017-10-06 16:12:09
【问题描述】：

然而非常基本的东西，但我无法弄清楚如何在 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 的错误。这在新版本中是否已弃用？还是我在这里做错了什么？

【问题讨论】：

【解决方案1】：

你必须用let声明变量number。

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

【讨论】：

感谢您的回答。只是想知道为什么 #number 不起作用。
因为你必须用let声明变量。就像 javascript 中的传统 for：for (var i = 0; i < length; i++ ){}。这是同一件事，但您必须使用 let 而不是 var，因为这是 TypeScript。你需要在for的作用域块内声明变量，而不是在它之外使用声明的变量。
我非常清楚打字稿中的let，但我的问题就在这里。 stackoverflow.com/questions/37431578/… 如果您看到他们使用 # 声明变量的帖子@
@AmitChigadani # 语法用于 Angular 的 beta 版本。
哦。非常感谢@AJT_82

【解决方案2】：

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

【讨论】：

【解决方案3】：

用 let 代替 #

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

【讨论】：