Angular 4 call parent method in a child component

by 
import { Output, EventEmitter } from '@angular/core'; 

...

class ChildComponent {
  @Output() someEvent = new EventEmitter<string>();

  callParent(): void {
    this.someEvent.next('somePhone');
  }
}

In ContactInfo‘s template

<child-component (someEvent)="deletePhone($event)"

More Related Contents:

  1. Angular 2 innerHTML (click) binding
  2. How do I create a singleton service in Angular 2?
  3. Error:Unable to locate adb within SDK in Android Studio
  4. How to communicate between component in Angular?
  5. Angular 4.3 – HttpClient set params
  6. How can I limit ngFor repeat to some number of items in Angular?
  7. Remove/replace a component’s selector tag from HTML [duplicate]
  8. Apply a directive conditionally
  9. Angular 6 Get response headers with httpclient issue
  10. How can I unit test a component that uses the Router in Angular?
  11. Angular 2, DomSanitizer, bypassSecurityTrustHtml, SVG
  12. Angular 2 filter/search list
  13. Application becomes unresponsive after encountering an exception
  14. Angular 6: saving data to local storage
  15. ctorParameters.map is not a function in angular2-mdl
  16. How to set environment via `ng serve` in Angular 6
  17. Angular 2 – formControlName inside component
  18. Angular show spinner for every HTTP request with very less code changes
  19. Recording the web page by using Record RTC with Angular
  20. How do I inject a parent component into a child component?
  21. FormBuilder group is deprecated
  22. What is the difference between @Inject vs constructor injection as normal parameter in Angular 2?
  23. Property ‘toPromise’ does not exist on type ‘Observable’
  24. TypeError: Object prototype may only be an Object or null: undefined Angular 8
  25. How to call scrollIntoView on an element in angular 2+
  26. How do I get experimental ngTemplateOutlet to work?
  27. Page transition animations with Angular 2.0 router and component interface promises
  28. Inject Http manually in Angular 2
  29. Error from chokidar (C:\): Error: EBUSY: resource busy or locked, lstat ‘C:\DumpStack.log.tmp
  30. Filtering specific column in Angular Material Table with filtering in angular?

Leave a Comment