有没有一种方法可以将指令应用于嵌套锚标签？角度的

Question

我想将指令应用于所有DIV元素子代的锚标记。如何限制指令的影响只应用子元素。

Answer 1

您可以利用feature modules。可以在DIV组件旁边的功能模块中声明锚定指令。

简而言之，该策略是：

1. 声明功能模块
2. 在功能模块中声明anchor指令，但不要导出
3. 在功能模块中声明（并导出）DIV组件。 anchor指令将应用于DIV组件内的所有锚点
4. 将功能模块导入AppModule

功能模块的声明看起来像

import { CommonModule } from '@angular/common';

@NgModule({
  imports: [CommonModule],
  declarations: [TheDivComponent, AnchorDierctive],
  exports: [TheDivComponent]
})
export class TheDivModule {}