Breaking News: Grepper is joining You.com. Read the official announcement!

call method from parent

Sore Salamander answered on May 11, 2022 Popularity 4/10 Helpfulness 1/10

answer call method from parent

related call method from parent

call method from parent

Comment

import { Component, OnInit, Input } from '@angular/core';
import { ParentComponentApi } from '../parent/parent.component';

@Component({
  selector: 'app-child',
  template: `<button (click)="callParent()">call parent</button>`,
  styleUrls: ['./child.component.css']
})
export class ChildComponent implements OnInit {

  @Input() parentApi: ParentComponentApi

  constructor() { }

  callParent() {
    this.parentApi.callParentMethod("child")
  }

  ngOnInit() {

  }

}

Popularity 4/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: call javascript parent

Link to this answer
Share Copy Link

Contributed on May 11 2022

Sore Salamander

0 Answers Avg Quality 2/10

Closely Related Answers

call method from parent

Comment

import { Component, OnInit, Input } from '@angular/core';
import { ParentComponentApi } from '../parent/parent.component';

@Component({
  selector: 'app-child',
  template: `<button (click)="callParent()">call parent</button>`,
  styleUrls: ['./child.component.css']
})
export class ChildComponent implements OnInit {

  @Input() parentApi: ParentComponentApi

  constructor() { }

  callParent() {
    this.parentApi.callParentMethod("child")
  }

  ngOnInit() {

  }

}

Popularity 7/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: call javascript javascr

Link to this answer
Share Copy Link

Contributed on May 11 2022

Sore Salamander

0 Answers Avg Quality 2/10

call method from parent

Comment

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-parent',
  styleUrls: ['./parent.component.css'],
  template: `
  <app-child [parentApi]="getParentApi()"></app-child>
`,
})
export class ParentComponent implements OnInit {

  getParentApi(): ParentComponentApi {
    return {
      callParentMethod: (name) => {
        this.parentMethod(name)
      }
    }
  }

  constructor() { }

  ngOnInit() {
  }

  parentMethod(name: string) {
    console.log(`Hello ${name} from parent`)
  }
  
}

export interface ParentComponentApi {
  callParentMethod: (string) => void
}

Popularity 7/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: call javascript javascr

Link to this answer
Share Copy Link

Contributed on May 11 2022

Sore Salamander

0 Answers Avg Quality 2/10

call method from parent

Comment

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-parent',
  styleUrls: ['./parent.component.css'],
  template: `
  <app-child [parentApi]="getParentApi()"></app-child>
`,
})
export class ParentComponent implements OnInit {

  getParentApi(): ParentComponentApi {
    return {
      callParentMethod: (name) => {
        this.parentMethod(name)
      }
    }
  }

  constructor() { }

  ngOnInit() {
  }

  parentMethod(name: string) {
    console.log(`Hello ${name} from parent`)
  }
  
}

export interface ParentComponentApi {
  callParentMethod: (string) => void
}

Popularity 5/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: call javascript parent

Link to this answer
Share Copy Link

Contributed on May 11 2022

Sore Salamander

0 Answers Avg Quality 2/10

call method from parent

Comment

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-parent',
  styleUrls: ['./parent.component.css'],
  template: `
  <app-child [parentApi]="getParentApi()"></app-child>
`,
})
export class ParentComponent implements OnInit {

  getParentApi(): ParentComponentApi {
    return {
      callParentMethod: (name) => {
        this.parentMethod(name)
      }
    }
  }

  constructor() { }

  ngOnInit() {
  }

  parentMethod(name: string) {
    console.log(`Hello ${name} from parent`)
  }
  
}

export interface ParentComponentApi {
  callParentMethod: (string) => void
}

Popularity 5/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: call javascript parent

Link to this answer
Share Copy Link

Contributed on May 11 2022

Sore Salamander

0 Answers Avg Quality 2/10

call method from parent

Comment

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-parent',
  styleUrls: ['./parent.component.css'],
  template: `
  <app-child [parentApi]="getParentApi()"></app-child>
`,
})
export class ParentComponent implements OnInit {

  getParentApi(): ParentComponentApi {
    return {
      callParentMethod: (name) => {
        this.parentMethod(name)
      }
    }
  }

  constructor() { }

  ngOnInit() {
  }

  parentMethod(name: string) {
    console.log(`Hello ${name} from parent`)
  }
  
}

export interface ParentComponentApi {
  callParentMethod: (string) => void
}

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: call javascript parent

Link to this answer
Share Copy Link

Contributed on May 11 2022

Sore Salamander

0 Answers Avg Quality 2/10

call method from parent

Comment

import { Component, OnInit, Input } from '@angular/core';
import { ParentComponentApi } from '../parent/parent.component';

@Component({
  selector: 'app-child',
  template: `<button (click)="callParent()">call parent</button>`,
  styleUrls: ['./child.component.css']
})
export class ChildComponent implements OnInit {

  @Input() parentApi: ParentComponentApi

  constructor() { }

  callParent() {
    this.parentApi.callParentMethod("child")
  }

  ngOnInit() {

  }

}

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: call javascript parent

Link to this answer
Share Copy Link

Contributed on May 11 2022

Sore Salamander

0 Answers Avg Quality 2/10

call method from parent

Comment

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-parent',
  styleUrls: ['./parent.component.css'],
  template: `
  <app-child [parentApi]="getParentApi()"></app-child>
`,
})
export class ParentComponent implements OnInit {

  getParentApi(): ParentComponentApi {
    return {
      callParentMethod: (name) => {
        this.parentMethod(name)
      }
    }
  }

  constructor() { }

  ngOnInit() {
  }

  parentMethod(name: string) {
    console.log(`Hello ${name} from parent`)
  }
  
}

export interface ParentComponentApi {
  callParentMethod: (string) => void
}

Popularity 4/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: call javascript parent

Link to this answer
Share Copy Link

Contributed on May 11 2022

Sore Salamander

0 Answers Avg Quality 2/10

call method from parent

Comment

import { Component, OnInit, Input } from '@angular/core';
import { ParentComponentApi } from '../parent/parent.component';

@Component({
  selector: 'app-child',
  template: `<button (click)="callParent()">call parent</button>`,
  styleUrls: ['./child.component.css']
})
export class ChildComponent implements OnInit {

  @Input() parentApi: ParentComponentApi

  constructor() { }

  callParent() {
    this.parentApi.callParentMethod("child")
  }

  ngOnInit() {

  }

}

Popularity 4/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: call javascript parent

Link to this answer
Share Copy Link

Contributed on May 11 2022

Sore Salamander

0 Answers Avg Quality 2/10

call method from parent

Comment

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-parent',
  styleUrls: ['./parent.component.css'],
  template: `
  <app-child [parentApi]="getParentApi()"></app-child>
`,
})
export class ParentComponent implements OnInit {

  getParentApi(): ParentComponentApi {
    return {
      callParentMethod: (name) => {
        this.parentMethod(name)
      }
    }
  }

  constructor() { }

  ngOnInit() {
  }

  parentMethod(name: string) {
    console.log(`Hello ${name} from parent`)
  }
  
}

export interface ParentComponentApi {
  callParentMethod: (string) => void
}

Popularity 4/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: call javascript parent

Link to this answer
Share Copy Link

Contributed on May 11 2022

Sore Salamander

0 Answers Avg Quality 2/10

call method from parent

Contents

More Related Answers

call method from parent

Closely Related Answers

call method from parent

call method from parent

call method from parent

call method from parent

call method from parent

call method from parent

call method from parent

call method from parent

call method from parent

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.