【问题标题】:I want to add one more dynamic row after user clicking on button using Angular 6 and typescript在用户使用 Angular 6 和打字稿单击按钮后,我想再添加一个动态行
【发布时间】:2019-11-11 23:19:15
【问题描述】:

我想使用 Angular 6 和 typescript 再添加一行。 我正在使用 Angular 6 和打字稿。 我的代码如下所示: 药物名称DosageNone{{frequency.value}}AdviceDuration+ 添加

【问题讨论】:

  • 你能用更详尽的方式重新表述你的问题吗
  • @Benson OO 我想在单击添加按钮时添加更多行(打字稿,角度 6 代码)
  • 请编辑您的原始帖子,说明您期望的最终目标是什么。
  • 据我了解您的问题,您希望在单击按钮时动态添加 选项。顺便按照此处的指南重构您的代码,这很难理解跨度>
  • 其实我想在用户点击添加按钮时添加一个动态行,你可以看到我在这里上传的图片

标签: angular typescript angular6


【解决方案1】:

您在模板中所做的(您与我们共享的)是遍历 ts 文件中某处定义的频率变量。所以你需要添加按钮,它将记录添加到这个频率数组中。

添加到模板:

<button (click)="addRecord()">add</button>

您需要将上述 addRecord 方法添加到您的 ts 文件中

...
addRecord() {
 this.frequencys.push("test");
}

这会将“测试”字段添加到您的列表中。如果您希望用户能够设置标题,您需要将&lt;input&gt; 标签添加到您的模板并(例如通过 ngModel)获取输入值(并将其推送到频率中,而不是“测试”)。 干杯

【讨论】:

  • 我在 oninit() addRecord() { this.frequencys.push("test"); } 但它显示错误请指导
  • @Anusha 请正确重写/更新问题。比如,你在做什么,你想要达到什么,什么没有达到你的预期?
  • ngOnInit() { ... } addRecord() { ... }
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2019-04-15
  • 1970-01-01
  • 1970-01-01
  • 2014-12-03
  • 1970-01-01
  • 2014-08-10
  • 2013-06-08
相关资源
最近更新 更多