angularjs -> material -> select -> 选项 -> 仅在移动设备上 -> 不工作

Question

Select 选项在桌面上运行良好，但当您在刷新后在移动页面上尝试时，它不会显示选项。有人可以帮我定位吗？

plunker https://embed.plnkr.co/FMvR2vKh5W8D8Fbbx11R/

Answer 1

根据 Angular Material 代码中的评论，他们似乎劫持了移动模式下的所有点击，以防止旧浏览器上的一些幻影点击：

[...]we preventDefault any click that wasn't sent by ngMaterial. This is 
because on older Android & iOS, a false, or 'ghost', click event will be 
sent ~400ms after a touchend event happens. The only way to know if this 
click is real is to prevent any normal click events, and add a flag to
events sent by material so we know not to prevent those.

Two exceptions to click events that should be prevented are:
  - click events sent by the keyboard (eg form submit)
  - events that originate from an Ionic app

（摘自函数 attachToDocument 中 angular-material.js 中的注释）。

如果您想禁用此行为，可以在 bootstrap 期间 configure 它。在 myApp 变量的定义之后添加此代码：

myApp.config(function($mdGestureProvider){ 
  $mdGestureProvider.skipClickHijack();
})

angularjs -> material -> select -> 选项 -> 仅在移动设备上 -> 不工作

angularjs -> material -> select -> options -> only on mobile -> not working

select

options

angularjs

angularjs-material