Добавьте новую строку в таблицу матов, используя angular 4

Как добавить новую строку в таблицу материалов Angular вручную из поля ввода.

Пожалуйста, посмотрите на это изображение, если я добавлю имя состояния и код состояния, которое должно быть представлено в следующей таблице, пожалуйста, помогите мне, как добиться этого с помощью Angular 4.

таблица угловых материалов


angular angular-cdk angular-material-5
person chethu    schedule 23.04.2018    source источник
comment
Пожалуйста, напишите, что вы сделали до сих пор   -  person bugs    schedule 23.04.2018
comment
извините, я понятия не имею об этом, я должен попробовать сейчас   -  person chethu    schedule 24.04.2018

Ответы (1)


arrow_upward
10
arrow_downward

Я собрал краткий пример, который должен дать вам хороший совет, с чего начать: Работа демо

Это работает, используя двустороннюю привязку данных к полю ввода, чтобы отслеживать, что пользователь ввел в форму. Когда затем нажимается кнопка add, таблица обновляется новым элементом, динамически созданным с входным содержимым.

person bugs    schedule 24.04.2018
comment
Привет, спасибо, это работает, но у меня есть еще одно сомнение, как добавить данные с помощью углового http crud. - person chethu; 24.04.2018
comment
Привет .. есть идеи, если я хочу, чтобы новая строка была вверху таблицы, а не внизу, то как это сделать? - person Saad Ahmed; 01.02.2019
comment
@saad конечно, просто используй unshift вместо push - person bugs; 01.02.2019
comment
unshift работает ... но он дает индекс как 1 ... поэтому есть несколько строк с индексом 1. Как динамически изменить номер строки - person Saad Ahmed; 01.02.2019