javascript - header 和侧边栏组件中的功能共享 Angular 为6

我需要在边栏中添加边栏组件功能。

我的标头组件

import { Component, OnInit, Input,ViewChild } from '@angular/core';
import { SidebarComponent } from '../sidebar/sidebar.component';

@ViewChild(SidebarComponent) SidebarComponent;


ngOnInit() {
  this.SidebarComponent.testFunction();
}

侧边栏组件

testFunction() {
   console.log('value');
}

为了理解的目的，我添加了一个基本的代码块。当我使用上述代码错误时，


  错误TypeError：无法读取未定义的属性'testFunction'
          在HeaderComponent.push ../ src / app / layout / components / header / header.component.ts.HeaderComponent.ngOnInit（header.component.ts：57）


您能帮我解决这个问题吗？

最佳答案

子视图初始化后调用它。

  @ViewChild(SidebarComponent) sidebarComponent: SidebarComponent;

  ngAfterViewInit() {
     this.sidebarComponent.testFunction();
  }

关于javascript - header 和侧边栏组件中的功能共享 Angular 为6，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/55605267/