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

相关内容

热门资讯

技术分享！老友麻将辅助器，hh... 您好，老友麻将辅助器这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很多玩家在这...
重大发现！蛮王大厅辅助，德州之... 重大发现！蛮王大厅辅助，德州之星扫描器，曝光教程（真是有挂）；蛮王大厅辅助软件透明挂是一个全新上线的...
玩家必用！新超凡辅助，约局吧开... 玩家必用！新超凡辅助，约局吧开挂神器是真的吗，透明挂教程（有挂技巧）；新超凡辅助最新软件透明挂直接下...
一分钟了解！新道游正版作弊，w... 一分钟了解！新道游正版作弊，wepoker辅助是真的假的，力荐教程（真实有挂）;亲，有的，ai轻松简...
必备攻略！大巴杭州辅助，pok... 必备攻略！大巴杭州辅助，pokemmo脚本辅助，必赢教程（有挂总结）；必备攻略！大巴杭州辅助，pok...
总算了解！微友辅助神器下载，h... 《总算了解！微友辅助神器下载，hhpoker德州机器人，可靠教程（真的有挂）》 微友辅助神器下载软件...
我来分享！陇南摆叫辅助，安装不... 我来分享！陇南摆叫辅助，安装不了wepoker，解密教程（有挂解惑）;1、让任何用户在无需AI插件第...
攻略讲解！蜀山四川游戏修改工具... 攻略讲解！蜀山四川游戏修改工具，wepoker有没有插件，曝光教程（有挂教程）；攻略讲解！蜀山四川游...
2024教程！开心十三张有没有... 您好，开心十三张有没有挂这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很多玩家...
玩家必看教程！陇南摆叫辅助，w... 玩家必看教程！陇南摆叫辅助，wepoker怎么买辅助，软件教程（有挂方式）;1、超多福利：超高返利，...