|
06.03.2017, 23:33
|
Интересующийся
|
|
Регистрация: 23.06.2014
Сообщений: 17
|
|
Клонирование компонента
Всем доброго дня! Возникла следующая проблема: 2 компонента - таблица с юзерами и форма редактирования юзера. При клике на строку таблицы данные загружаются в форму. Реально ли сделать так, чтобы при клике каждый раз появлялась новая форма? То есть можно ли по клику "клонировать" компонент со всем функционалом, etc? Angular 2, typescript
|
|
07.03.2017, 06:45
|
|
Профессор
|
|
Регистрация: 18.05.2011
Сообщений: 1,207
|
|
В оффициальном туториале показано, как решаются такие задачи.
|
|
07.03.2017, 12:45
|
Интересующийся
|
|
Регистрация: 23.06.2014
Сообщений: 17
|
|
destus, Спасибо!
|
|
07.03.2017, 14:40
|
Интересующийся
|
|
Регистрация: 23.06.2014
Сообщений: 17
|
|
destus, ткните меня в мануал, плз, я не смог найти
|
|
07.03.2017, 15:42
|
Интересующийся
|
|
Регистрация: 23.06.2014
Сообщений: 17
|
|
Ну ок, у меня примерно такая реализация и есть. Возможно я немного неправильно сформулировал вопрос: возможно ли каждый раз открывать новую форму, не закрывая при этом старую?
|
|
07.03.2017, 17:16
|
|
Профессор
|
|
Регистрация: 18.05.2011
Сообщений: 1,207
|
|
PabloDiguerero,
Да, вомзожно. Если у тебя форма открывается в том же компоненте, то можно запоминать выбранные элементы и через ngFor выводить формы. Если формы реактивные, то циклом по ArrayGroup.
|
|
08.03.2017, 10:16
|
Интересующийся
|
|
Регистрация: 23.06.2014
Сообщений: 17
|
|
Разные компоненты - один отвечает за редактирование, другой - за отображение списка
|
|
08.03.2017, 13:01
|
|
Профессор
|
|
Регистрация: 18.05.2011
Сообщений: 1,207
|
|
PabloDiguerero,
http://plnkr.co/edit/OfheKfZqK6XtRSc...comp onent.ts . Смысл думаю понятен. Если разные компоненты, но в одном роуте, то выносишь кусок с
<div>form>...</form></div>
в свой компонент, и передаешь ему через биндинг выбранные товары (@Input())
|
|
08.03.2017, 13:14
|
Интересующийся
|
|
Регистрация: 23.06.2014
Сообщений: 17
|
|
Да, спасибо большое, я тоже вчера понял, что так будет логично и красиво
|
|
|
|