AngularJS - 使用带有 ngRoute 的 ngTouch 重定向不适用于 href 和 ng-click 属性答案

【问题标题】：AngularJS - using ngTouch redirection with ngRoute doesn't work with href and ng-click attributeAngularJS - 使用带有 ngRoute 的 ngTouch 重定向不适用于 href 和 ng-click 属性
【发布时间】：2015-09-02 08:25:24
【问题描述】：

我使用 ngRoute 浏览应用程序。我使用如下链接：

<a href="#/page2" ng-click="showOffCanvas = false">Link</a>

由于我使用 ngTouch，因此导航无法在触控设备上运行。我用安卓手机和 chrome 的设备模拟器试了一下。在桌面上一切正常。

当我删除 ngTouch 后，这个问题就消失了。当我删除 ng-click 属性时它也会消失。

链接到：

<a href="www.google.com" ng-click="showOffCanvas = false">google</a>

正在所有设备上工作。当我包含 ngTouch 时，似乎只有带有 ngRoute 的路由停止工作。

解决办法是什么？

【问题讨论】：

标签： angularjs

【解决方案1】：

这是一个老错误，在此之前没有修复。 Href 和 ng-click 不能一起工作。

解决方法可能是使用空的 href 并放置导航使用 $location 将逻辑转换为 ng-click。

证明：https://github.com/angular/angular.js/issues/5307#issuecomment-30024683

在 HTML 中：

<a href="" ng-click="showOffCanvas = false; goTo('#/page2')">Link</a>

在控制器中：

$scope.goTo = function(refer){
    $location.path(refer)
};

【讨论】：