我有手风琴组件(简化)
@Component({
selector: 'accordion-section',
template: `<div class='accordion' [ngClass]="{'ng-dirty': formDirty}"><ng-content></ng-content></div>`
})
export class AccordionSectionComponent implements OnInit {
@Input()
formDirty: boolean = false;
}
基于 formDirty ,我在模板中添加了类。
在手风琴中我有一个表单组件,当任何字段更改时会发出 dirty 事件。
export class NetworkInterfaceForm implements OnInit {
constructor() {
this.form = new FormGroup({
...
});
this.form.valueChanges.subscribe((data) => {
this.dirty.emit(true);
})
}
}
父母(手风琴)组件html绑定一切
<accordion-section title="Network Interface Settings" #id1>
<network-interface-form (dirty)="id1.formDirty = $event"></network-interface-form>
</accordion-section>
目前有效。如何在不使用#id1
的情况下绑定这些组件?