我想创建一个自定义库。应导入自定义指令的地方!!一切都很好!自定义指令未实现
@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中导入了我的自定义库模块
您编写的指令很好,您没有DemoDirective
从DemoModule
模块中导出指令:
@NgModule({
declarations: [DemoComponent, DemoDirective],
imports: [
CommonModule
],
exports:[DemoComponent, DemoDirective]
})
export class DemoModule { }
如果不导出指令,则即使导入,该指令在其他组件中也不可见DemoModule
。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句