Angular是否支持*ngWhile微语法?

18 浏览
0 Comments

Angular是否支持*ngWhile微语法?

我该如何编写一个while循环,相当于以下代码:

while (x--) {
  
  • foo {{x}}
  • }

    但是我想要一个类似于*ngFor的“微语法”,可以用于递增或递减循环,而不是遍历对象。所以如果组件有x = 5,我想要的输出是:

  • foo 5
  • foo 4
  • foo 3
  • foo 2
  • foo 1
  • 类似于Template Toolkit中的WHILE指令那样。我正在寻找那种功能。像jade/Pugs一样。

    0
    0 Comments

    Angular支持*ngFor的宏语法,但是是否支持*ngWhile的宏语法呢?这个问题的出现是因为有人想要在Angular中使用*ngWhile来实现循环遍历数组的功能。

    解决方法是使用*ngFor来替代*ngWhile。*ngFor是Angular中用于循环遍历数组的指令,它可以通过指定一个数组和一个模板来将数组中的每个元素渲染到页面上。

    具体的解决方法是,在ngFor指令中使用slice方法来限制需要遍历的数组的长度。slice方法可以接受两个参数,第一个参数是起始索引,第二个参数是结束索引。通过设置起始索引为0,结束索引为5,就可以实现只遍历数组的前5个元素。

    下面是使用ngFor和slice方法来实现循环遍历数组的示例代码:

    • foo {{i}}

    在上面的代码中,foos是一个数组,ngFor指令会将foos数组中的每个元素渲染为一个li标签,并在每个li标签中显示对应元素的值。通过调用数组的slice方法并传入起始索引和结束索引,可以限制只遍历数组的前5个元素。

    总结起来,虽然Angular不支持*ngWhile的宏语法,但是我们可以通过使用ngFor指令和slice方法来实现类似的功能。使用ngFor和slice方法可以循环遍历数组,并且通过设置起始索引和结束索引可以控制遍历的范围。

    0
    0 Comments

    Angular中是否支持*ngWhile微语法?

    问题的原因是:用户想要实现一个类似于递增计数的功能,但是*ngFor只能实现递增计数,无法实现递减计数。

    解决方法:目前还没有找到直接实现递减计数的方法。可以参考stackoverflow上的这个问题,寻找更好的解决方案。

    0