Angular2 - 将数据传递给父组件

时间:2016-10-13 11:21:24

标签: angular typescript

我有手风琴组件(简化)

@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的情况下绑定这些组件?

0 个答案:

没有答案