Angular - parent to child component, can't call methods

Question

I want to call function from parent component for get some datas but I can't. Not getting any error but it returns undefined. Where am I wrong?

parent.component

      user:any

      dataTest(){
        console.log(this.user);
      }

child.component

    @ViewChild(AppLayoutComponent) profile!: AppLayoutComponent;
    ngAfterViewInit():void{
        this.profile?.dataTest()
      }

`this.profile` in `ngAfterViewInit` is maybe `undefined`. Validate it via `console.log`. You get no error if you use optional chaining (`?`). Also you can only view childs with `ViewChild` as the name already says. Not parents. — Domske, Sep 14 '21 at 13:13
you cannot access parent from child.You should emit method via Output then on parent listen and implement. — Vugar Abdullayev, Sep 14 '21 at 13:14
okay, i will try, im new in angular, im just learning. @VugarAbdullayev — vega9231w, Sep 14 '21 at 13:15

score 0 · Answer 1 · edited Sep 15 '21 at 16:42

@ViewChild is for accessing child component from parent but you do opposite. You should emit method on child via @Output then on parent listen and implement.

    // child component
    @Output() dataTest = new EventEmitter<void>();
    
    ngAfterViewInit(): void {
      this.dateTest.emit();
    }

    // parent html
    
    <child (dataTest)= "onDataTest()> </child>

    // parent ts
    
    public onDataTest(): void {
    // some stuff
    }

score 0 · Answer 2 · answered Sep 14 '21 at 13:16

0

There is no "right" way, but you can pass the method as a parameter as shown in this answer

https://stackoverflow.com/a/68983527/3813454

answered Sep 14 '21 at 13:16

Eduardo

1
1

Your answer could be improved with additional supporting information. Please [edit] to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers [in the help center](/help/how-to-ask). – Community Sep 14 '21 at 13:27

Angular - parent to child component, can't call methods

2 Answers2