Angular 2 变量外部组件答案

【问题标题】：Angular 2 variable outside componentAngular 2 变量外部组件
【发布时间】：2016-07-28 04:02:44
【问题描述】：

我有一个调用组件的页面：

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

现在，我如何添加一个可以在 ck-about 组件中定义并在此处传递的变量，而不是 About us 文本？

【问题讨论】：

标签： angularjs typescript ionic-framework

【解决方案1】：

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

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

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

【讨论】：

@Directive({ selector: 'child-dir', exportAs: 'child' }) class ChildDir {} @Component({ selector: 'main', template: , directives: [ChildDir] }) class MainComponent { } 我用这样的东西将我的变量导出到页面视图中..似乎这是我需要的。我有点需要在页面中而不是在控制器中可见的变量。你觉得这样好吗？