如何将指令作为参数传递给angular中的函数

<my-component [myDirective]="myDirectiveInstance"></my-component>

@Component({
  selector: 'my-component',
  template: '...',
})
export class MyComponent {
  @Input() myDirective: MyDirective;

  myFunction() {
    // 使用myDirective作为参数调用函数
    // ...
  }
}

<my-directive #myDirectiveInstance></my-directive>
<button (click)="myFunction(myDirectiveInstance)">调用函数</button>

@Component({
  selector: 'my-component',
  template: '...',
})
export class MyComponent {
  myFunction(myDirective: MyDirective) {
    // 使用myDirective作为参数调用函数
    // ...
  }
}

@Injectable({
  providedIn: 'root',
})
export class MyDirectiveService {
  myDirectiveInstance: MyDirective;
}

@Component({
  selector: 'my-component',
  template: '...',
})
export class MyComponent {
  constructor(private myDirectiveService: MyDirectiveService) {}

  myFunction() {
    const myDirective = this.myDirectiveService.myDirectiveInstance;
    // 使用myDirective作为参数调用函数
    // ...
  }
}