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

相关内容

热门资讯

专业讨论!wepoker怎么发... 专业讨论!wepoker怎么发冤家牌(辅助挂)总是真的是有挂(果真有挂辅助教程)1、每一步都需要思考...
今日头条!微扑克数据分析(辅助... 今日头条!微扑克数据分析(辅助挂)果然是真的有挂(存在有挂辅助app)1）免费钻石：进一步探索免费脚...
必备攻略!约局吧德州透视(辅助... 必备攻略!约局吧德州透视(辅助挂)切实有挂(有挂规律辅助脚本)1、在插件功能辅助器技巧中，中转单元十...
总算清楚!wpk辅助(辅助挂)... 总算清楚!wpk辅助(辅助挂)其实真的是有挂(有挂方式辅助器)该软件可以轻松地帮助玩家将外卦神器提升...
程序员教你!wepoker私人... 程序员教你!wepoker私人局俱乐部(辅助挂)确实存在有挂(有挂分享辅助方法)1、脚本辅助下载、免...
分享个大家!wepoker免费... 分享个大家!wepoker免费脚本咨询(辅助挂)切实是有挂(有挂存在辅助工具)能透视中分为三种模型：...
玩家亲测!wepoker轻量版... 玩家亲测!wepoker轻量版透视系统(辅助挂)一贯是有挂(有挂方式辅助工具)玩家亲测!wepoke...
记者发布!aapoker怎么拿... 记者发布!aapoker怎么拿好牌(辅助挂)一贯真的有挂(有挂头条辅助软件)1、首先打开辅助器下载最...
分享认知!wepoker辅助分... 分享认知!wepoker辅助分析器(辅助挂)真是真的有挂(确实有挂辅助软件)1、用户打开应用后不用登...
重大通报!wepoker手机版... 重大通报!wepoker手机版透视脚本(辅助挂)一直存在有挂(有挂神器辅助教程)1、上手简单，内置详...