onclick 在表中添加新行

Question

我剛開始使用 angular。我有一張桌子和一個按鈕。 單擊按鈕時，應在表格中添加與前一行類似的新行。我在下面添加了 stackblitz 鏈接。 我正在努力弄清楚這一點。提前致謝。

閃電戰鏈接

Answer 1

這是一個示例https://stackblitz.com/edit/angular-rs6bkq 。 您需要創建一個任意數組並使用其長度來定義要顯示的行數。 請注意放置在tr標簽上的*ngFor指令。 這實際上是 HTML 中用於數組中項目數的 for 循環。 因此，如果您使用函數調用更改數組的長度，則表行數將更新以反映這一點。

您可以在此處閱讀有關結構指令（如 ngFor）的更多信息 - https://angular.io/guide/structural-directives

Answer 2

檢查它是否有幫助： https : //stackblitz.com/edit/angular-add-new-row

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