来自嵌套自定义指令的Angular调用控制器函数

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

@Directive({
  selector: '[customDirective]'
})
export class CustomDirective {
  constructor(private elementRef: ElementRef) { }

  // 在指令中定义一个方法，用于调用控制器函数
  callControllerFunction() {
    // 调用控制器函数的逻辑
  }
}

<div customDirective></div>

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

@Component({
  selector: 'app-my-component',
  template: `
    <div customDirective></div>
  `
})
export class MyComponent {
  // 定义一个函数，用于被自定义指令调用
  controllerFunction() {
    // 控制器函数的逻辑
  }
}

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

@Directive({
  selector: '[customDirective]'
})
export class CustomDirective {
  constructor(private elementRef: ElementRef) { }

  callControllerFunction() {
    const controllerInstance = this.elementRef.nativeElement.closest('app-my-component');
    if (controllerInstance) {
      controllerInstance.controllerFunction();
    }
  }
}