Передача `ngModel` из дочернего компонента в родительский

Question

Передача `ngModel` из дочернего компонента в родительский

1

Я пытаюсь сделать работу [(ngModel)] изнутри дочернего компонента. В конце концов, я хочу разбить большую сложную форму на мелкие читаемые формы. Надеюсь, это упростит мой код.

Здесь мой нерабочий код: https://plnkr.co/edit/UrTopLJ8RsZovltDkPiR?p=preview

Я разработал свой код из этой очень полезной статьи: https://blog.thoughtram.io/angular/2016/10/13/two-way-data-binding-in-angular-2.html#creating-custom- Двухсторонние-данные креплений

Я надеюсь, что есть способ хорошо разбить большие формы в угловом 4.

Dan 29 июнь 2017, в 20:51

Источник

0

Какую форму собираетесь использовать? Шаблон управляемый или управляемый моделью?
AJT82 29 июнь 2017, в 18:10
0

@AJT_82 AJT_82 Я думаю, что шаблонный привод - лучший выбор в моем случае
Dan 29 июнь 2017, в 19:18

Теги:

angular

javascript

1 ответ

Ещё вопросы

Какую форму собираетесь использовать? Шаблон управляемый или управляемый моделью?
@AJT_82 AJT_82 Я думаю, что шаблонный привод - лучший выбор в моем случае

AJT_82 · Accepted Answer · 2017-06-29T16-01-00.000Z

То, что вам не хватает, - это геттер и сеттер. Используйте их или затем используйте ngModelChange чтобы ngModelChange измененное значение:

@Input() counter;
@Output() counterChange = new EventEmitter();

а затем в шаблоне:

(ngModelChange)="counterChange.emit(counter)"

PLUNKER

Как вы упомянули, вы использовали бы это с формой. Я предлагаю, чтобы вы использовали модель с управляемой моделью, так как тогда вам это не понадобится. Вы можете создать форму в родительском элементе и передать дочерние группы форм дочернему элементу (ren). Родитель будет знать об изменениях, которые вы делаете в ребенке, не используя @Output()

Вот хороший пример построения вложенных форм с ведомой моделью с примером передачи вложенной группы в дочерний компонент.