Angular 如何基于textbox的输入生成表的动态行

我正在处理一个问题，需要根据用户通过textbox提供的输入生成表的动态行

My.ts代码：

start（val）{
这个.printVal=val；
console.log（'start的值为'，this.printVal）；
返回新数组（val）；
}

.html代码：

开始



//如果不是printVal，而是给定一个数字，那么它将打印所需的输出
{{i}

实际上我需要创建一个这样的表

 | Input|sec|Multipilcation
 |------|---|------------------------------
 |10    |1  |10
 |10    |2  |20
 |10    |3  |30
 |10    |4  |40
 .
 .
 .
 10    |10  |100

其中，10是通过输入框提供的数字，每秒钟后，一行应得到加法，其值应得到打印，第三列应得到二者的乘法，表行应继续，直到提供输入值为止

---

请告诉我我做错了什么，以及如何根据提供的输入打印动态行。

printVal

是一个字符串变量，因此在创建这样的新数组时：

[].constructor(printVal)

例如，您将得到

[].constructor（“3”）

，因此它是一个包含一个元素的数组

您应该将值从输入转换为数字：

this.printVal = +val;

---

看看下面的代码。也许它会给你一个实现目标的想法

从'@angular/core'导入{Component}；
@组成部分({
选择器：“我的应用程序”，
templateUrl:“./app.component.html”，
样式URL:['./app.component.css']
})
导出类AppComponent{
printVal=[0,3,5,6,7]；
启动（val）{
this.printVal.push=val；
console.log（'start的值为'，this.printVal）；
}
}

开始



输入
第二
乘法
{{printVal.length}
{{i}
{{item*i}}

*ngFor=“let item of[].constructor（printVal）；let i=index”

为什么？因为我需要对数字进行迭代，我在网上找到了这个解决方案。我从输入框中获取了一个数字，我需要迭代到提供的数字，并需要根据提供的输入创建行数。不要使用printVal，使用data.value（您在输入中使用的参考变量）您好。请看一看这个示例：非常感谢您指出我做错了什么。从早上开始我就在做这个。再次感谢：）