作为指令元数据的输入、输出修饰符

@Input/@Output

Stackblitz

import { Component, EventEmitter } from '@angular/core';
import { Hero } from '../app/hero'

@Component({
  inputs: ['hero'],
  outputs: ['deleteRequest'],
  selector: 'hero',
  template: 
  `
    <div>
      <pre>{{hero | json}}</pre>
      <button (click)="deleteRequestInit()">Get</button>
    </div>
  `
})

export class HeroComponent {

  public hero: Hero;
  public deleteRequest: EventEmitter<any> = new EventEmitter<any>();

  public deleteRequestInit(): void {
    this.deleteRequest.emit({'message': 'Are you sure you want to delete this record!.'})
  }
}