我刚开始使用 angular。我有一张桌子和一个按钮。 单击按钮时,应在表格中添加与前一行类似的新行。我在下面添加了 stackblitz 链接。 我正在努力弄清楚这一点。提前致谢。

闪电战链接

#1楼 票数:1 已采纳

这是一个示例https://stackblitz.com/edit/angular-rs6bkq 您需要创建一个任意数组并使用其长度来定义要显示的行数。 请注意放置在tr标签上的*ngFor指令。 这实际上是 HTML 中用于数组中项目数的 for 循环。 因此,如果您使用函数调用更改数组的长度,则表行数将更新以反映这一点。

您可以在此处阅读有关结构指令(如 ngFor)的更多信息 - https://angular.io/guide/structural-directives

#2楼 票数:1

检查它是否有帮助: https : //stackblitz.com/edit/angular-add-new-row

我添加了一些修改以让输入具有不同的值。

  ask by Prem translate from so

未解决问题?本站智能推荐:

1回复

在轮播中添加新项目会在Angular4中添加新行

我正在Angular4应用程序中工作,在此我有一个旋转木马,我正在显示产品以及产品名称和价格。当前我有6个产品(3 + 3)。如果我单击左侧的旋转木马,我有2个按钮将显示3个产品从左侧的右按钮将显示3个来自右侧骑行的产品。 问题是当我添加新产品轮播时,会生成新行,而不是像产品线那样显示。
2回复

onclick 获取该行数据并将滚动条添加到 div

我是角度的新手。 我有两个问题。一个是动态地向 div 添加滚动条高度。 我通过以像素为单位提供高度添加了一个滚动条。 它有效,但已修复。 我希望它是动态的。 所以我尝试以百分比给出高度,但没有奏效。 另一个问题是我需要用逗号将字符串拆分为新行。 我曾尝试使用拆分和连接功能。 它仅删除逗号但不打印
3回复

在表格旁边放置一个 div 并添加滚动条

我有一张桌子,在这张桌子旁边我需要放置一个 div,如下图所示。 我尝试使表格向左浮动并给出宽度:75% 和 sidediv 向右浮动和宽度:25%。 它有效,但没有响应。 我需要它来响应。 所以我尝试使用引导网格系统,但我没有成功,我还需要将滚动条添加到表格和侧边 div。 stackblit
3回复

打字稿中的 Javascript

实际上,每个 Javascript 代码在打字稿中也应该有效,但是当我尝试运行下面的代码时,出现以下错误。 有人可以在打字稿中编写此 javascript 代码吗? 组件.ts html:
2回复

在一个占位符中附加两个输入占位符

目前,我在一个导航项目中工作,我从用户那里获得了两个经度和纬度输入。 输入应该一个接一个地给出。 我想要的是将这两个输入作为一个用逗号分隔的输入,这样,如果我输入的像是41.23、34.32,它将转到经度41.23和纬度34.32的位置。 目前,我的代码是: <d
1回复

如何在角度中实现多项目滑块?

我正在尝试在角度7中实现一个多项目滑块。当我在html中使用静态数据时工作正常但当我尝试使用ngFor动态地实现相同的角度然后在第一页中它不是显示任何东西,但当我滑到下一张幻灯片时,它工作得很好。 这是html中包含静态数据的代码 HTML: - 这是我用于动态显示的代码
3回复

显示当前页面时导航栏项中的边框

这是当前的导航栏项目 这是单击选项卡时我想要的结果 我不确定最好的方法是什么。 我尝试通过向导航功能提交一个值。 并在 sharedService 中设置全局值,然后从 sharedService 中获取值以放置在 html 中的 ngIf 语句中。 import { Compo
2回复

在Angular 5中将html传递给viewChild

我正在尝试将html传递给viewchild,以便可以将其添加到它自己的html组件中。 到目前为止,我还没有找到解决该问题的答案。 我是Angular的新手,所以我在很多主题上所读到的大多数答案都不太了解,这很难做到。 父级使用NgbModal(@ ng-bootstrap / ng