Модальная форма Init / Re Render

Question

Я пытаюсь реализовать модальные формы в моем проекте.

В ссылке , если я нажму первую кнопку (Hello2), введите что-то в поле ввода, а затем закройте модальное окно.Когда я снова нажимаю первую кнопку, в первый раз все остается как есть (потому что модальная страница не инициализирована).Если я нажимаю на вторую кнопку (ngOnInit Sample), все работает так, как я ожидал.

Но если вы отметите app.component.html во втором примере, то почти весь код будет написан в app.component.html.Я хочу использовать как в первом примере (<hello2 #hello2Comp name="{{ name }}"></hello2>), но ожидаю работать как во втором примере.Повторно инициализируйте мою форму в каждой открытой / показанной форме.

Answer 1

В модели Hello2 при нажатии кнопки закрытия вы удаляете только модальное тело, и поэтому input1Model по-прежнему содержит введенный вами ввод, поэтому он рендерит всякий раз, когда вы визуализируете модальное тело.

Но вВ другом случае каждый раз HelloComponent инициализируется, поэтому input1Model в HelloComponent также инициализируется.

Так что, если вы хотите сбросить в Hello2Component, просто сбросьте эту переменную в методе hideModal() как this.input1Model = null.В случае формы вы можете вызвать блок инициализации формы.

Другой подход (как упомянуто в комментарии) Edited_link