Angular 2 variable outside component

Question

I have a page that calls in a component:

<ion-navbar *navbar class="contact_navbar">
    <ion-title>About us</ion-title>
</ion-navbar>

<ion-content>
     <ck-about [channel]="ionic" [template]="template_1"></ck-about>
</ion-content>

Now, instead of the About us text, how can i add a variable that can be defined in the ck-about component and passed on in here ?

Answer 1

您可以使用@ViewChild执行该操作，然后使用ngAfterViewInit设置关于我们的文字。

@Component({
  selector: 'someDir',
  templateUrl: 'someTemplate',
  directives: [ItemDirective]
})
class SomeDir {
  @ViewChild(ItemDirective) viewChild:ItemDirective;
  ngAfterViewInit() {
    // viewChild is set
  }
}

这只是其他人的一种方式，但最重要的是它是首选方式。