Angular2 生成器函数答案

【问题标题】：Angular2 generator functionAngular2 生成器函数
【发布时间】：2017-02-18 11:28:58
【问题描述】：

在 Angular2 应用程序中，我想在模板中的 startDate 和 endDate 之间的所有时间进行迭代。像这样的：

<div *ngFor="let date of dateRange(startDate,endDate)">
    {{date}}
</div>

我意识到我可以预先计算所有这些日期并在显示它们之前将它们存储在一个数组中，但我宁愿不占用内存。我一直在阅读关于 javascript generator functions 的内容，看起来就像在香草 javascript 中一样，我可以这样做：

function* dateRange(start,end) { 
    let cur = start;
    while (cur <= end) {
        yield cur;
        cur.setDate(cur.getDate() + 1);
    }
}

有没有办法在 Angular2 组件中使用这样的生成器函数，可以在模板迭代器中使用？

【问题讨论】：

【解决方案1】：

我可以预先计算所有这些日期并在显示它们之前将它们存储在一个数组中，但我宁愿不占用内存

任何内存都将远小于 DOM 使用所有这些 dom 元素的内存。

我能想到的唯一解决方案是在使用 ngFor 之前从生成器中创建一个数组，此时为什么不只使用一个数组。

【讨论】：