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拖放空列表无法工作

相关内容

热门资讯

透视线上"wepok... 透视线上"wepoker一直输的号能继续打吗"详细辅助玩家教程(可以发冤家牌方法)是一款可以让一直输...
透视脚本！aapoker脚本怎... 透视脚本！aapoker脚本怎么用，wepokerh5破解，2025新版技巧（有挂辅助）1、aapo...
透视脚本"拱趴大菠萝... 这是一款非常优秀的拱趴大菠萝挂 ia辅助检测软件，能够让你了解到拱趴大菠萝挂中牌率当中全部隐藏参数，...
透视脚本！智星德州辅助译码插件... 透视脚本！智星德州辅助译码插件靠谱吗，wepoker辅助插件功能，必备教程（有挂揭秘）1、智星德州辅...
透视好友"xpoke... 1、透视好友"xpoker辅助"详细辅助存在挂教程(透视器免费透视)（UU poker、xpoker...
透视私人局！wepoker透视... 透视私人局！wepoker透视脚本免费下载，德普之星私人局透视，wpk教程（有挂辅助）；1、金币登录...
透视攻略！wepoker透视脚... 透视攻略！wepoker透视脚本苹果，wepoker怎么提高运气，解密教程（有挂辅助）wepoker...
透视攻略"hhpok... 透视攻略"hhpoker开挂教程"详细辅助微扑克教程(开辅助能查到方法)；最新版2024是一款经典耐...
辅助透视！wpk脚本是什么，w... 辅助透视！wpk脚本是什么，wepoker私人局透视插件，玩家教程（有挂黑科技）1、首先打开wpk脚...
透视好牌"wepok... 透视好牌"wepoker透视app下载"详细辅助辅助教程(辅助器下载软件)；支持多人共享记分板与复盘...