我在我的应用中使用angular material
。我想要一个按钮在手机或平板电脑上执行不同的操作而不是桌面视图。
例如,如果在桌面上单击,则从模型中打印value1,或者如果在移动设备或选项卡上单击,则打印value2。基本上我想知道如何为桌面与移动或标签触发2种不同的功能。
答案 0 :(得分:1)
使用此处说明的布局选项:https://material.angularjs.org/latest/layout/options(向下滚动以显示和隐藏)以呈现按钮两次,一次使用ng-click调用所需的桌面功能,第二次使用ng-click调用您想要用于移动设备的功能。
这些只是您可以添加到任何元素的指令,因此您可以使用类似
的内容<md-button hide-xs ng-click="desktopFunction()">Desktop Button</md-button>
<md-button show-xs ng-click="mobileFunction()">Mobile Button</md-button>