Cannot import child component to parent component

Question

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

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

just a note, its bad practice to include components in other components — mast3rd3mon, Jun 07 '18 at 11:03
Yes when I try to add the import in app.component.ts it works! — user2480755, Jun 07 '18 at 11:08
Oh! what would be the best way to call method in child component from any other component. I was trying to use @ViewChild to call the method — user2480755, Jun 07 '18 at 11:09

score 0 · Answer 1 · edited Jun 20 '20 at 09:12

0

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

For example

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

here hello is child component.

Working Example

Second way

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

@ViewChild('childOne') childOne: any;

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

edited Jun 20 '20 at 09:12

Community

1
1

answered Jun 07 '18 at 11:12

Pardeep Jain

84,110
37
165
215

Nice! But I am not sure how it will work in my scenario. I have two components one is master with 2 buttons and one for map-view. When I click one of the buttons in master I need to pass the marker type for map. Based on which I can draw custom markers on map. I tried passing it as parameter but seems like the value is not received on child or map-view component. Thats why I tried to call the map-view method(which changes the map marker) from master component. – user2480755 Jun 07 '18 at 11:26
May `@input/@output` trick for you – Pardeep Jain Jun 07 '18 at 11:41

Cannot import child component to parent component

1 Answers1

Working Example

Second way

Linked