如何获取父组件引用

时间:2016-08-04 12:14:29

标签: javascript typescript

我有一个父组件:

<Parent>
<Child (click)=doSomething()></Child>
</Parent>

我想引用Parent组件,以便我可以在方法中传递它,这将触发一个具有父引用的事件。

doSomething() {
// I would like to trigger the event, that would be catch elsewhere in the     app
trigger(new ClickedEvent(referenceToParent));

}

事件将如下:

class ClickedEvent {
constructor (public referenceToParent: Parent) {} 
}

我将如何实现这一目标?

1 个答案:

答案 0 :(得分:1)

从子组件到父组件进行交互的一种方法是父级侦听来自子级的事件 https://angular.io/docs/ts/latest/cookbook/component-communication.html#!#child-to-parent

因此,您doSomething方法应该发出一个由父进行处理的事件。