нажмите на добавить новую строку в таблице

Question

Я только начал с angular. У меня есть стол и кнопка. при нажатии на кнопку в таблице должна быть добавлена ​​новая строка, подобная предыдущей. Я добавил ссылку на stackblitz ниже. я изо всех сил пытаюсь понять это. спасибо заранее.

ссылка на стек

Answer 1

Отметьте, если это помогает: https://stackblitz.com/edit/angular-add-new-row

Я добавил несколько модификаций, чтобы входы имели разные значения.

Answer 2

Вот пример https://stackblitz.com/edit/angular-rs6bkq. Вам необходимо создать произвольный массив и использовать его длину для определения количества отображаемых строк. Обратите внимание на директиву *ngFor, размещенную на теге tr. Это фактически для l oop в вашем HTML для количества элементов в вашем массиве. Поэтому, если вы измените длину массива с помощью вызова функции, число строк таблицы будет обновлено, чтобы отразить это.

Подробнее о структурных директивах (например, ngFor) можно прочитать здесь - https://angular.io/guide/structural-directives