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

Question

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

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

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

谢谢。

Answer 1

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

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

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

这是一个例子

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

Answer 2

玩 css 怎么样？

设置某种 css 以 ng 单击显示按钮，如下所示

@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点击，我错了吗？