代码之家 › 专栏 › 技术社区 › leota

拖放角度问题

angular-material drag-and-drop typescript angular javascript

0

leota · 技术社区 · 7 年前

我有一个简单的清单 mat-card . 我想强调一下 mat卡

在这里你可以找到一个用 stackblitz 因此,调试更容易: https://stackblitz.com/edit/angular-material-with-angular-v5-d2uted

更新: 使用 Angular v5 Angular Material 2

2 回复 | 直到 7 年前

1

0

p4r1 7 年前

dragover 事件需要预防,同时 drop 事件以停止浏览器打开文件。为了修复多次应用的类,我使用 ngClass ngIf 而且它的效果似乎更加稳定。退房 this stackblitz 演示一下。

2

0

user4676340 user4676340 7 年前

对于第一个问题,这是因为角度生命周期不够快。要么停止使用Angular的上下文来更新元素,要么找到另一种方法来通知用户他在应用程序之上。

window:dragover 事件以防止默认:

@HostListener('window:dragover', ['$event'])
windowDragOver(event: Event) {
  event.preventDefault();
}