shtangen,
именно это я и имел ввиду.
а теперь снаружи где рисуется компонент PostTemplateEditComponent, ему и надо прокидывать formControlName, т.е. все ваши строчки с 9 по 27 должны быть на уровне выше по иерархии компонентов.
PostTemplateEditComponent используется просто как прокси.
app.component.ts
export class AppComponent {
ngOnInit() {
this.initState();
this.dataService.getItem<PostTemplate>(this.currId)
.subscribe((data: PostTemplate) => {
this.componentData = new PostTemplate(data);
this.componentForm.patchValue({
code: data.code,
name: data.name,
is_active: data.is_active,
date_create: data.date_create,
date_modify: data.date_modify,
});
// Инициализируем редактор
this.editor.setValue(data.template);
});
this.$formSubscr = this.componentForm.valueChanges
.subscribe(value => {
this.applyFormValues(value);
}
);
}
initState() {
this.componentForm = new FormGroup({
code: new FormControl(""),
name: new FormControl(""),
template: new FormControl(""),
is_active: new FormControl(null),
date_create: new FormControl({ value: "", disabled: true }),
date_modify: new FormControl({ value: "", disabled: true }),
});
}
app.component.html
<div [formGroup]="componentForm">
<post-template-edit-component formControlName="template">
</post-template-edit-component>
</div>