Angular 4在子組件中調用父方法

Question

我想在Angular 4的子組件中調用父方法（deletePhone）。 我該如何正確執行該操作？

我父組件的樣子：

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

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

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

在ContactInfo的模板

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