CODEWITHSUNDEEP
angulartypescriptangular2-components
Konstantin Stupnik
Konstantin Stupnik

Reputation: 468

Angular 2: how to bind a subcomponent to property

How can I bind subcomponent mainmenu in template to property menu?

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;
}

Upvotes: 0

Views: 378

Answers (1)

Maximilian Riegler
Maximilian Riegler

Reputation: 23506

With the ViewChild annotation:

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

Upvotes: 2

Related Questions