如何在 Angular 中从子组件向父组件发出多个事件？

Question

I am tring in this way but it is listening for first one not for second.

child component

 import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
 @Output() userAdded: EventEmitter<any> = new EventEmitter();
 @Output() userDeleted: EventEmitter<any> = new EventEmitter();

export class ChildComponent{
allUsers = [];
prop = "the value";

 addUser(){
  this.allUsers.push('john');
  this.userAdded.emit(prop);
 }

 deleteUser(idx) {
  this.allUsers.splice(idx, 1);
  this.userDeleted.emit(idx);
 }
}

parent component

<app-child (userAdded)=onAddUser($event) (userDeleted)=onDeleteUser($event)></app-child>

Answer 1

Parent Component  
import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  name = 'Angular';

  onAddUser(event) {
    console.log(event);
  }

  onDeleteUser(event) {
    console.log(event);
  }
}

Please follow the link: StackBlitz Demo