如何在angular中处理属性指令输出事件

// my.directive.ts
import { Directive, Input, Output, EventEmitter } from '@angular/core';

@Directive({
  selector: '[myDirective]'
})
export class MyDirective {
  @Input() myProperty: string;
  @Output() myEvent: EventEmitter<string> = new EventEmitter<string>();

  ngOnChanges() {
    // 监听属性变化
    if (this.myProperty) {
      // 执行需要的操作
      this.myEvent.emit(this.myProperty);
    }
  }
}

// app.component.ts
import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  template: `
    <div myDirective [myProperty]="property" (myEvent)="onMyEvent($event)"></div>
  `
})
export class AppComponent {
  property: string = 'Hello World';

  onMyEvent(value: string) {
    // 处理输出事件
    console.log(value); // 输出：Hello World
  }
}