Angular 4 call parent method in a child component

Question

I want to call parent method (deletePhone) in child component in Angular 4. How can I do that properly?

my parent component looks like:

export class ContactInfo implements OnInit {     phoneForm: FormGroup;     phones: Phone[];       constructor(private fb: FormBuilder,             private userService: UserService) {     }      ngOnInit() {         this.userService.getDataPhones().subscribe(             phones => {                 this.phones = phones;             });          this.phoneForm = this.fb.group({             phone: ['', [Validators.pattern(PHONE_PATTERN)]]         });     }      deletePhone(phone: Phone) {         this.userService.deleteUserPhone(phone)             .subscribe(res => {                 let index = this.phones.indexOf(phone);                 if (index > -1) {                     this.phones.splice(index, 1);                 }         });     } } 

Answer 1

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)"