Angular 2:如何将子组件绑定到属性

Question

如何将模板中的子组件主菜单绑定到属性菜单?

import { Component } from '@angular/core';
import { MainMenuComponent } from './main-menu.component';
@Component({
  selector: 'my-app',
  template: `
    <div class="centered">
      <mainmenu></mainmenu>
    </div>
  `
})
export class AppComponent {
  menu: MainMenuComponent;
}

Answer 1

带有ViewChild注释:

export class AppComponent {
  @ViewChild(MainMenuComponent) menu: MainMenuComponent;
}