将自定义Direcitves添加到自定义库

Madhavsai bhushan

我想创建一个自定义库。应导入自定义指令的地方!!一切都很好!自定义指令未实现

@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中导入了我的自定义库模块

全堆的家伙

您编写的指令很好,您没有DemoDirectiveDemoModule模块中导出指令

@NgModule({

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

如果不导出指令,则即使导入,该指令在其他组件中也不可见DemoModule

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将自定义标头添加到“请求”

来自分类Dev

Hibernate将自定义前缀添加到目录

来自分类Dev

将自定义函数添加到类

来自分类Dev

将自定义类添加到引导按钮

来自分类Dev

将自定义键绑定添加到XCode

来自分类Dev

无法将自定义字体添加到Xcode

来自分类Dev

将自定义属性添加到Serilog

来自分类Dev

pyqt:将自定义列添加到QFileSystemModel

来自分类Dev

将自定义视图添加到警报视图

来自分类Dev

将自定义别名添加到.zshrc

来自分类Dev

将自定义标签添加到TIFF文件

来自分类Dev

将自定义代码段添加到emmet

来自分类Dev

将自定义Gradle插件添加到项目

来自分类Dev

将自定义数字添加到ggplot图例

来自分类Dev

将自定义属性添加到SimpleSAMLPhp

来自分类Dev

将自定义字段添加到Django admin

来自分类Dev

将自定义消息添加到TestNG失败

来自分类Dev

将自定义字体添加到GUI SWT

来自分类Dev

将自定义路线添加到Apigility

来自分类Dev

将自定义月份按钮添加到FullCalendar

来自分类Dev

将自定义Js添加到Wordpress主题

来自分类Dev

将自定义MKAnnotationView添加到MKPointAnnotation

来自分类Dev

将自定义视图(tileview)添加到布局?

来自分类Dev

将自定义按钮操作添加到笔管

来自分类Dev

将自定义属性添加到Trello卡

来自分类Dev

将自定义图例添加到bokeh Bar

来自分类Dev

将自定义字体添加到GitHub页面

来自分类Dev

Notepad ++将自定义标签添加到行

来自分类Dev

将自定义参数添加到小部件