加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

angularjs – mdbottomsheet禁用向下拖动以关闭

发布时间:2020-12-17 06:59:18 所属栏目:安全 来源:网络整理
导读:我想禁用向下拖动以关闭mdbottomsheet的手势.我找到了一个关于脚本的工作,但我不确定在哪里放置代码.谢谢您的帮助. 解决方法 正如你所说,angular-material没有提供禁用它的任何选项,显然你必须对其源代码进行更改. 现在,您还没有提到是否要在特定位置禁用它,
我想禁用向下拖动以关闭mdbottomsheet的手势.我找到了一个关于脚本的工作,但我不确定在哪里放置代码.谢谢您的帮助.

解决方法

正如你所说,angular-material没有提供禁用它的任何选项,显然你必须对其源代码进行更改.

现在,您还没有提到是否要在特定位置禁用它,或者在所有地方为bottomSheets转向向下拖动.

1)如果是后者,它将非常简单,因为你唯一需要做的就是删除拖动事件的事件监听器.
如果您使用angular-material.js文件,那么您可以做什么:

找到函数BottomSheet(element,parent).此函数基本上注册关闭工作表的拖动事件.我们需要让它不附加听众.

减少它:

function BottomSheet(element,parent){
   return {
      element: element,cleanup: angular.noop
    };
}

清理函数基本上在拖动事件上取消注册侦听器.当底层的范围被销毁时调用此函数.为了进行微小的更改,我们只是简化了清理功能,无所事事.

2)如果您希望能够在控制器中创建工作表时传递选项,则执行相同的操作,但有条件地基于您传递的选项.不要写代码因为我假设你知道角度是如何工作的,但是这里是步骤:

=>添加一个布尔变量以及其他选项(模板,范围等).让我们称之为dragDownToClose.

=>在MdbottomSheet的提供程序函数内的默认注入器函数中,为其分配默认值(true / false).

=>在onShow函数内实例化BottomSheet()期间,将它与元素和父元素一起传递.

=>所以BottomSheet()现在有三个参数 – dragDownToClose是新的参数.

=>正如我们在前一种情况下所做的那样,当值为false时返回没有附加任何处理程序的元素,并让原始函数为true时.

当然,有多种方法可以实际实现这一点.但是,我希望你能得到这个想法.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读