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

Question

我有ng-click一个ng-touch用于搜索的按钮。

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

我有在移动设备上禁用 ng-click 的解决方案吗？或者这个问题的另一种解决方案？我需要它们，所以我不能只删除 ng-click。

谢谢你。

Answer 1

玩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{
    }
}

我建议将此作为答案，因为如果我理解得很好，您不需要 ng-click 在移动设备上，我错了吗？

Answer 2

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

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

使用此库并更改ng-click和ng-touchforhm-tap应该可以工作。

这是一个例子

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