Angular 是否支持 *ngWhile 微语法？

【问题标题】：Does Angular support an *ngWhile microsyntax?Angular 是否支持 *ngWhile 微语法？
【发布时间】：2018-02-17 19:48:04
【问题描述】：

我将如何编写一个while循环，相当于

while (x--) {
  <li> foo {{x}} </li>
}

使用类似于*ngFor 的“微语法”，但用于使用增量器或减量器而不是对象进行循环。所以如果组件有x = 5。我想要

<li> foo 5 </li>
<li> foo 4 </li>
<li> foo 3 </li>
<li> foo 2 </li>
<li> foo 1 </li>

之类的。 Template Toolkit does this with WHILE。我正在寻找这种功能。 jade/Pugs也是如此。

【问题讨论】：

@AniruddhaDas 不是 afaik。随意告诉我如何，如果是的话。据我所知，ngFor 循环遍历迭代器。

【解决方案1】：

如果你想向上计数，*ngFor 有一个可供你使用的索引值。不过我不知道有什么方法可以倒数。

<li *ngFor="let foo of foos; let i = index">
 foo {{i}}
</li>

输出：

foo 0
foo 1
foo 2
foo 3
foo 4

【讨论】：

【解决方案2】：

它遍历一个数组，将你想要的任何东西放入数组的函数中：

<li *ngFor="let foo of foos.slice(0, 5)">
 foo {{i}}
</li>

【讨论】：