Yet very basic thing, but I am unable to figure out how to display array of strings in html template in angular2.
.html
<ul>
<li *ngFor="#number of numberOptions">
{{number}}
</li>
</ul>
.ts
this.numberOptions= ["I", "II", "III", "IV", "V", "VI", "VII", "VIII", "IX", "X"];
The above trick is not working for me, text editor shows error for #number in ngFor. Is this deprecated in new versions? or am I doing anything wrong here?
You have to declare the variable number with let.
<li *ngFor="let number of numberOptions">
{{number}}
</li>
#number isn't working.
let. Is like traditional for in javascript: for (var i = 0; i < length; i++ ){}. This is the same thing, but instead of var you have to use let since this is TypeScript. You need to declare the variable within the scope block of the for, not use a declared variable outside it.let in typescript, but my question is here. stackoverflow.com/questions/37431578/… If you see the post they have declared variable using using #
# syntax was used in beta versions of Angular.use let instead of #
<ul>
<li *ngFor="let number of numberOptions">
{{number}}
</li>
</ul>
<ul>
<li *ngFor="let number of numberOptions">
{{number}}
</li>
</ul>
