无法将子组件导入父组件

Question

我正在使用Angular 5。 我想从父组件调用子组件方法。为此我要加上 从'./myChild/myChild.component'导入{myChildComponent}; //错误：找不到模块./myChild/myChild.component

如何在app.component.ts以外的任何其他组件中导入子组件。（这里有效）

Answer 1

您可以使用Angular中的local variable从父组件调用子组件的函数。

例如

<hello name="{{ name }}" #childOne></hello>
<p (click)='childOne.callFromParent()'>
  Start editing to see some magic happen :)
</p>

此处hello是子组件。

Working Example

第二种方式

<hello name="{{ name }}" #childOne></hello>
<button (click)='callChildFunction()'>hello</button>

@ViewChild('childOne') childOne: any;

callChildFunction() {
    this.childOne.callFromParent();
  }