是否有一种方法可以使用for循环，在typescript中，生成一个div标签?

Question

我正在用Angular和Typescript创建一个日历。我正在跟随一个使用JavaScript的教程。无论如何，我都不知道如何在Typescript中使它工作。

我正在尝试使用一个循环来创建每个迭代的div。

JavaScript代码如下:

let days= "";
for(let i= 1; i <= lastDay; i++){
days += `<div>${i}</div>`;
monthDays.innerHTML = days;
}

lastDay是一个数字monthDays指的是div元素，新div将驻留在其中。

我试图使用一个包含循环的函数，这导致返回错误的类型。

generateDays = (lastDay:number) =>｛(让我= 1;i<= lastDay;我+ +){这一点。days +=<div>${i}</div>;}}

在使用这个函数的情况下…monthDays: string = this.generateDays(this.lastDay);

Answer 1

是的，在你的组件TS

中创建一个日期数组

this.days = Array(lastDay).fill(1).map((x, y) => x + y);

然后在模板中这样做:

<div *ngFor=let n of days">day {{ n }}</div>