/Javascript/AngularJS/Angular call child method from parent

Angular call child method from parent

// How to call a child method from a parent component

import { ChildComponent } from '/somepath/childcomponent.ts';

export class ParentComponent implements onInit {
  
  @ViewChild(ChildComponent) ChildComponent;
  
  this.ChildComponent.childMethod();

Angular call parent method and child method

// How to call a parent method + a child method from the parent's button click
// In hindsight, I wouldn't recommend this. But it's here if you need to use it.

<app-child #child></app-child>
<button (click)="[callParentMethod(), child.callChildMethod()]">Call</button>

Source: stackoverflow.com

Similar codes

1 vote162 views2 answers
Angular project structure
Javascript AngularJS
7 votes142 views1 answer
Angular ng serve with custom port
Javascript AngularJS
2 votes161 views3 answers
This version of CLI is only compatible with Angular versions 0.0.0 || ^10.0.0-beta || >=10.0.0 <11.0.0, but Angular version 9.1.3 was found instead.
Javascript AngularJS
0 vote145 views1 answer
Anchor click event angular refresh page
Javascript AngularJS
3 votes156 views1 answer
Scoll a div to bottom in angular
Javascript AngularJS
0 vote149 views1 answer
Angular img src binding
Javascript AngularJS
0 vote157 views1 answer
Angular formData print values
Javascript AngularJS
0 vote219 views1 answer
Toggle buttons angular styles
Javascript AngularJS
0 vote361 views2 answers
Adding cors in angular
Javascript AngularJS
38 votes341 views6 answers
How to add bootstrap in angular
Javascript AngularJS