Angular 向自定义库添加自定义目录

我想创建一个自定义库。应该导入自定义指令的位置！！一切都很好！！未实现自定义指令

@Directive({

    selector:'[demo-dir]',
})
export class DemoDirective{

constructor(private elref:ElementRef,private Renderer:Renderer2){

}
@HostListener('click') mouseover()
{

    alert("test")
    console.log("test")
}
ngOnInit()
{
this.Renderer.setStyle(this.elref.nativeElement,'color','red');
}

自定义库模块：

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { DemoComponent } from './demo.component';
import { DemoDirective } from './demo.directive';

@NgModule({

  declarations: [DemoComponent,DemoDirective],
  imports: [
    CommonModule
  ],
  exports:[DemoComponent]
})
export class DemoModule { }

---

我已经在app.module.ts中导入了我的自定义库模块

您编写的指令很好，您没有从

DemoModule

模块导出

DemoDirective

指令：

@NgModule({

  declarations: [DemoComponent, DemoDirective],
  imports: [
    CommonModule
  ],
  exports:[DemoComponent, DemoDirective]
})
export class DemoModule { }

---

在不导出指令的情况下，即使导入

DemoModule

该指令在其他组件中也不可见。您编写的指令没有问题，您没有从

DemoModule

模块导出

DemoDirective

指令：

@NgModule({

  declarations: [DemoComponent, DemoDirective],
  imports: [
    CommonModule
  ],
  exports:[DemoComponent, DemoDirective]
})
export class DemoModule { }

如果不导出该指令，即使导入

DemoModule

，该指令在其他组件中也不可见