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

相关内容

热门资讯

WePoKe外 挂！wepok... WePoKe外 挂！wepoke美元局稳，aapoker能玩（详细透视教程）；（需添加指定薇7574...
德州微扑克辅助！德州ai机器人... 德州微扑克辅助！德州ai机器人软件开发，德扑之星一贯存在有挂（详细有外 挂教程）1、德州微扑克辅助a...
wepoke有辅助挂!wopo... wepoke有辅助挂!wopoker辅助软件(透视)WEpoke(一直真的有挂)1、点击下载安装，微...
wpk提高胜率！wpk显示有（... wpk提高胜率！wpk显示有（wpK）的确真的有挂-详细透视辅助教程；在进入wpk辅助挂后，参与本局...
德扑之星猫腻！德扑之星可以埋牌... 您好，德扑之星猫腻这款游戏可以开挂的，确实是有挂的，需要了解加微【757446909】很多玩家在这款...
微扑克辅助器ios！wepok... 微扑克辅助器ios！wepoke透明挂件，德州之星辅助挂（详细透视教程）；《WPK辅助透视》‌：支持...
wepoke模拟器！wopok... 《wepoke模拟器！wopoker系统套路，德州wepower果然真的有挂，分享教程（有挂辅助）》...
wpk真的有外 挂！wpk微扑... wpk真的有外 挂！wpk微扑克真的有辅助插件，wPK果真真的有挂，详细教程，（有挂方法）1、每一步...
德州之星外 挂！德扑ai智能机... 德州之星外 挂！德扑ai智能机器人平台安装，德扑之星都是是有挂（详细智能机器人教程）1、在德扑ai智...
智星德州菠萝辅助器！wepoo... 智星德州菠萝辅助器！wepooke app系统规律，wpk发牌机制（详细辅助挂教程）；智星德州菠萝辅...