老师请帮忙看一下drag 指令没有问题，但是 drop进入后无法显示背景变色，谢谢
在‘task-home.component.html’
<app-task-list
class="list-container"
app-droppable
[dragEnterClass]="'drag-enter'"
*ngFor="let list of lists">
在 ‘drop.directive.ts’
import { Directive, HostListener, ElementRef, Renderer2, Input } from '@angular/core';
@Directive({
selector: '[app-droppable]'
})
export class DropDirective {
@Input() dragEnterClass: string;
constructor(private el: ElementRef, private rd: Renderer2) { }
@HostListener('dragenter', ['$event'])
onDragEnter(ev: Event) {
if (this.el.nativeElement === ev.target) {
this.rd.addClass(this.el.nativeElement, this.dragEnterClass);
}
}
@HostListener('dragover', ['$event'])
onDragOver(ev: Event) {
if (this.el.nativeElement === ev.target) {
}
}
@HostListener('dragleave', ['$event'])
onDragLeave(ev: Event) {
if (this.el.nativeElement === ev.target) {
this.rd.removeClass(this.el.nativeElement, this.dragEnterClass);
}
}
@HostListener('drop', ['$event'])
onDrop(ev: Event) {
if (this.el.nativeElement === ev.target) {
this.rd.removeClass(this.el.nativeElement, this.dragEnterClass);
}
}
}
检查没发现问题，请老师帮我看看，谢谢
正在回答 回答被采纳积分+3
- 参与学习 998 人
- 解答问题 536 个
全网首个介绍官方 Material 组件库用法与 Redux 在 Angular 中的应用
了解课程
