无法将子组件导入父组件 | 无法将子组件导入父组件

本文介绍了无法将子组件导入父组件的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我正在使用Angular 5.我想从父组件调用子组件方法.为此，我要添加从"./myChild/myChild.component"导入{myChildComponent}；//错误:找不到模块./myChild/myChild.component

I am using Angular 5.I want to call the child component method from parent component. For this I am adding theimport {myChildComponent} from './myChild/myChild.component'; //ERROR: Cannot find module ./myChild/myChild.component

如何将子组件导入app.component.ts以外的任何其他组件中(在这里起作用)

How can I import the child component in any other component other than app.component.ts.(here it works)

推荐答案

您可以简单地使用Angular中的local variable从父组件中调用子组件的功能.

You can simply call function of child component from parent component using local variable in Angular.

例如

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

此处hello是子组件.

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

@ViewChild('childOne') childOne: any;

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

这篇关于无法将子组件导入父组件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！