import { NgModule } from '@angular/core';

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

import { DragDirective } from './drag-drop/drag.directive';

import { DropDirective } from './drag-drop/drop.directive';

@NgModule({

imports: [

CommonModule

],

declarations: [

DragDirective,

DropDirective

],

exports:[

DragDirective,

DropDirective

]

})

export class DirectiveModule { }

=============================================

import {Directive, Input, ElementRef, Renderer2, HostListener} from '@angular/core';

@Directive({

selector: '[appDraggable][draggedClass]',

})

export class DragDirective {

private _isDraggable = false;

@Input() draggedClass: string;

@Input('appDraggable')

set isDraggable(draggable: boolean) {

this._isDraggable = draggable;

this.rd.setAttribute(this.el.nativeElement, 'draggable', `${draggable}`);

}

get isDraggable() {

return this._isDraggable;

}

constructor(

private el: ElementRef,

private rd: Renderer2,

) {

}

@HostListener('dragstart', ['$event'])

onDragStart(ev: Event) {

console.log(6789)

if (this.el.nativeElement === ev.target) {

this.rd.addClass(this.el.nativeElement, this.draggedClass);

}

}

@HostListener('dragend', ['$event'])

onDragEnd(ev: Event) {

if (this.el.nativeElement === ev.target) {

this.rd.removeClass(this.el.nativeElement, this.draggedClass);

}

}

}

===================================================

shared.module中也导入导出DirectiveModlue了，就是页面不能使用

不知道哪个环节出问题了，看老师5.1的代码和我的directive并没有什么区别。实在找不出原因，麻烦老师帮忙分析一下