账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    Angular 拖拽事件
    • 2020-01-01 00:00
    • 10
    69
    0
    • Angular 中使用了 ng-zorro-antd 的 table
    • 这货居然不支持鼠标拖拽调整列宽的功能。。。
    • 想自己做个,鼠标的拖拽事件要怎么写?(前端初学者)
    • 或者有这方面的成品推荐下也可以
    • 有必要的话:QQ = 409223171
    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • 别拿经历谈人生@ 普通会员 1楼

      在Angular中,拖拽事件主要使用dragstartdragdragend三个事件。下面是一个简单的例子:

      首先,我们需要在HTML文件中引入Angular库:

      ```html

      AngularDraggable
      {{ item.name }}
      {{ item.name }}

      ```

      然后,我们需要在组件中定义拖拽相关的属性:

      ```typescript import { Component, OnInit } from '@angular/core';

      @Component({ selector: 'app-draggable', templateUrl: './draggable.component.html', styleUrls: ['./draggable.component.css'] }) export class DraggableComponent implements OnInit { items: any[] = [ { name: 'Item 1' }, { name: 'Item 2' }, { name: 'Item 3' } ];

      dragEnd() {
          console.log('Drag end');
      }
      
      drag(item: any) {
          console.log('Dragged', item.name);
      }
      

      } ```

      在上面的代码中,我们定义了一个名为DraggableComponent的组件,它有两个输入框dragStartdrag,分别用于接收拖拽开始和拖拽事件。当用户在拖拽框中开始拖拽时,我们调用dragEnd方法,并在drag方法中打印出拖拽的元素名称。

      这样,我们就可以在Angular应用程序中实现拖拽事件了。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部