如何在渲染的Angular 2中调用指令/组件的函数

import { Directive, Input } from '@angular/core';

@Directive({
  selector: '[appCustomDirective]'
})
export class CustomDirective {
  constructor() { }

  public customFunction(): void {
    console.log('Custom function called');
  }
}

import { Component } from '@angular/core';
import { CustomDirective } from './custom.directive';

@Component({
  selector: 'app-example',
  template: `
    <div>
      <button (click)="callCustomFunction()">Call Custom Function</button>
    </div>
  `
})
export class ExampleComponent {
  constructor(private customDirective: CustomDirective) { }

  public callCustomFunction(): void {
    this.customDirective.customFunction();
  }
}