Question

在你将这个问题标为重复的问题之前,我曾试图寻找其他解决办法,但任何办法都对我有用。

我有一个类似这个的海关指令:

(出于法律原因,我无法展示我的实际指令,但以这个例子来说,这个指令也行不通 / / 本指令是tu学 )

import { Directive, ElementRef, HostListener } from  @angular/core 

@Directive({
  selector:  [exampleDirective] ,
})
export class ExampleDirective {
  constructor(private elementRef: ElementRef) {}

  @HostListener( mouseenter ) onMouseEnter() {
      console.log( Enter )
  }

  @HostListener( mouseleave ) onMouseLeave() {
      console.log( Leave )
  }
}

我用角 CLI 生成了此指令, 自动添加到 < code> modules. ts 中

然后在HTML模板中,我有以下内容:

<div style="width: 100%;" exampleDirective> Come over me! </div>

此处 example Directive 是我们在自定义指令中设定的选择器。

情况是,这个指令不起作用,不是通过控制台打印信息,所以似乎没有将指令应用于我的Div。任何关于什么可能的想法吗?

[通过控制台/ 编译角/ 构建应用程序, doens t 显示任何错误]

Answer 1

找到解决办法了

问题是,CLI在模块的申报中增加了进口。

但是没有在出口中添加它, 添加它可以解决我的错误。

Answer 2

我将指令名称更改为 AppXXXDirective, 即您指令选择器中的名称, 以此解决问题。

友情链接