Question

我在用于搜索的按钮上有ng-click和ng-touch。

在桌面上，ng-click中调用的搜索和功能正常工作。在另一侧的移动设备上，由于我认为ng-click，搜索按钮会停止工作。

我有解决方案禁用手机上的ng-click？或者这个问题的另一个解决方案我需要他们两个，所以我不能删除ng-click。

谢谢。

Answer 1

如果您可以使用第三方库，我建议您使用AngularHammer。我在有桌面和移动应用程序的平台上进行了测试，并且运行得非常好。

https://ryanmullins.github.io/angular-hammer/

使用此lib并更改ng-click和ng-touch hm-tap应该有效。

这是一个例子

<button class="button button-primary" type="button" hm-tap="myCtrl.myFunction(myParam)">MyButton</button>

Answer 2

玩css怎么样？

设置某种css，它会显示带有ng-click的按钮，类似这样的

@media only screen
and (min-device-width: 1024px) {
    .name-of-class-of-button-for-desktop{
    }
    .name-of-class-of-button-for-mobile{
        display:none;
    }
}

对于分辨率较低的设备显示带有ng-touch的按钮，添加此类css（当然会根据您的需要进行调整）

@media only screen
and (min-device-width: 1px) /* 1 px it's an example :D */
and (max-device-width: 1023px) {
    .name-of-class-of-button-for-desktop{
        display:none;
    }
    .name-of-class-of-button-for-mobile{
    }
}

我建议这是一个答案，因为如果我理解得很好，你就不需要在移动设备上点击，我错了吗？

AngularJS - ng-click + ng-touch在移动设备上无法正常工作

2 个答案: