Question

我使用以下组件：https://github.com/dougludlow/ng2-bs3-modal，其中有onClose()个输出事件。

我希望在onClose()被触发时在其父组件上执行操作。这是我目前得到的，但它不起作用（也没有错误）：

import { MODAL_DIRECTIVES, ModalComponent } from 'ng2-bs3-modal/ng2-bs3-modal';

@Component({
    selector: 'dash-data-entry',
    template: '<modal (onClose)="reset()" #modal [size]="lg"></modal>',
    directives: [MODAL_DIRECTIVES, ModalComponent],
})

export class DashDataEntry {
   reset(){
      console.log('modal closed');
   }
}

当模态关闭时，reset()事件当前未被触发 - 我做错了什么？

谢谢！

Answer 1

您可以在https://angular.io/docs/ts/latest/cookbook/component-communication.html#!#child-to-parent的Angular2文档中了解父子互动。

Answer 2

您必须在close()的模式上明确调用onClose才能发出。当从模板中取消模态或从模态外部点击时，还会发出onDismiss。

将子组件的输出发送到父组件 - Angular 2

2 个答案: