Angular：使用 $location.path() 而不是 href

Question

我最近开始在ng-click 函数中使用$location.path()，而不是简单地在a 标记的href 中引用路径。 我这样做的原因：

• 偏好使用所有逻辑，包括导航到移出视图的路径（这可能有点极端）。
• 对于多个 html 模板引用同一个控制器的极少数情况，我可以更改一次 $location.path()，而不必记住在每个模板中更新相应的 href。

所以而不是：

<a class="button button-balanced" href="/signup">Sign up</a>

我有：

<button class="button button-balanced" ng-click="goToSignup()">Sign up</button>

在我的控制器中：

$scope.goToSignup = function() {
    $location.path('/signup');
}

我的问题是，以这种方式设置我的 Angular 应用程序有缺点吗？ （注：我主要是构建 Ionic 混合移动应用）

Answer 1

• 偏好所有逻辑，包括导航到我视图之外的路径（这可能有点极端）。

您可以使用 same 链接按钮来处理所有导航的逻辑和路径

<a href="/signup" class="button button-balanced" ng-click="SignUpFunc()>Sign Up</a>

a标签是先执行click函数，再执行href调用。所以你可以通过链接按钮来做到这一点。

• 对于多个 html 模板引用同一个控制器的极少数情况，我可以更改一次$location.path()，而不必记住在每个模板中更新相应的 href。

如果你使用菜单选项，你可以使用链接按钮 但是如果您将一个控制器导航到另一个控制器，那么您应该使用 $location.path('/signup');

Answer 2

我在我的项目中也使用了类似的逻辑。它对我来说很好。

<button class="button" ng-click="go('view')">Next Page</button>

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