AngularMaterial拖放cdkDragConstrainPosition位置限制未作用于组件范围内
创始人
2024-10-28 11:01:26
0次

在Angular Material中使用cdkDragConstrainPosition来限制拖放元素的位置时，可能会发现限制并没有作用于组件范围内。这是由于cdkDragConstrainPosition选项是全局级别的，因此需要给它传递一个局部变量来限制范围。

解决方法包括以下步骤：

  1. 在组件中声明一个局部变量来传递cdkDragConstrainPosition选项，将它作为选项传递给cdkDrag指令。如下所示：
@Component({
  selector: 'app-my-component',
  template: `
    

      Drag me!
    

  `
})
export class MyComponent {
  myConstraints = { left: 50, top: 50, bottom: 500, right: 500 };
}
  1. 在局部变量中指定限制的位置范围，并将其绑定到模板中的cdkDragConstrainPosition属性。

这样，在组件范围内使用cdkDragConstrainPosition选项就会受到限制，并且不会影响其他组件的拖放限制。

上一篇：Angularmaterial拖放cdk:将项目合并为一个并交换元素。

下一篇：AngularMaterial拖放空列表无法工作

相关内容

热门资讯

程序员教你“wrpoker透视... 您好：wrpoker透视挂真的吗的软件，软件加客服确实是有挂的，很多玩家在这款游戏中打牌都会发现很多...
玩家科普“wepoker透视挂... 您好，wepoker透视挂的玩法这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】...
一起来探讨“wepokerpu... 您好：wepokerpus透视挂是真的假的的软件，软件加客服确实是有挂的，很多玩家在这款游戏中打牌都...
每日必看推荐“wepoker透... 每日必看推荐“wepoker透视挂安装”开挂辅助平台（透视）必胜教程是一款可以让一直输的玩家，快速成...
最新通报“wepokerplu... 最新通报“wepokerplus德州局辅助”开挂辅助挂（透视）安装教程是一款可以让一直输的玩家，快速...
推荐一款“wepoker机制发... 推荐一款“wepoker机制发冤家牌”开挂辅助工具（透视）细节揭秘是一款可以让一直输的玩家，快速成为...
发现玩家“wepoker有透视... >>您好：wepoker有透视吗确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户的牌特别好，总...
记者爆料“wepoker辅助挂... 记者爆料“wepoker辅助挂有没有”开挂辅助插件（透视）科技教程是一款可以让一直输的玩家，快速成为...
玩家必看科普“微扑克辅助器有用... 无需打开直接搜索;操作使用教程:玩家必看科普“微扑克辅助器有用吗”开挂辅助插件（透视）细节方法1、界...
科技介绍“wpk透视挂免费测试... 您好：wpk透视挂免费测试这款游戏是可以开挂的，软件加【添加微信客服136704302】确实是有挂的...