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

拖放角度问题

  •  0
  • leota  · 技术社区  · 7 年前

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

    • mat卡
    • 这个 e.preventDefault() 丢弃事件不执行任何操作。文件在浏览器中打开,这不是预期的行为。

    在这里你可以找到一个用 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();
    }
    

    Stackblitz

    推荐文章