Typescript 在父组件中获取对子组件的引用

在Angular 2中，我有一个组件，它有一个子组件.但是，我想获取该子组件的副本，以便在父组件中使用，调用其函数或任何东西.

我发现我可以使用局部变量，这样我就可以使用模板中的组件.然而，我不想只在模板中使用它，我想在组件的实际代码中使用它.

我找到了一种方法，下面是子代码:

//our child
import {Component, OnInit, EventEmitter} from 'angular2/core'

@Component({
  selector: 'my-child',
  providers: [],
  template: `
    <div>
      <h2>Child</h2>

    </div>
  `,
  directives: [],
  outputs: ['onInitialized']
})

export class Child implements OnInit{

  onInitialized = new EventEmitter<Child>();

  constructor() {
    this.name = 'Angular2'
  }

  ngOnInit() {
    this.onInitialized.emit(this);
  }
}

起源:

//our root app component
import {Component} from 'angular2/core'
import {Child} from './child'

@Component({
  selector: 'my-app',
  providers: [],
  template: `
    <div>
      <h2>Hello {{name}}</h2>
      <my-child (onInitialized)="func($event)"></my-child>
    </div>
  `,
  directives: [Child]
})
export class App {
  constructor() {
    this.name = 'Angular2'
  }

  func(e) {
    console.log(e)

  }
}

我在this plunker年前在这里实现了它.但这看起来像是黑客攻击.

难道没有更简单的方法将组件附加到其父变量中的变量吗？