如何/何时使用 ng-click 调用路由？

小编典典

如何/何时使用 ng-click 调用路由？

all

假设您正在使用路线：

// bootstrap
myApp.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) {

    $routeProvider.when('/home', {
        templateUrl: 'partials/home.html',
        controller: 'HomeCtrl'
    });
    $routeProvider.when('/about', {
        templateUrl: 'partials/about.html',
        controller: 'AboutCtrl'
    });
...

在您的 html 中，您希望在单击按钮时导航到 about 页面。一种方法是

<a href="#/about">

…但似乎 ng-click 在这里也很有用。

这个假设正确吗？使用 ng-click 代替锚点？
如果是这样，那将如何运作？IE：

<div ng-click="/about">

阅读 61

2022-05-26

共1个答案

小编典典

路由监控$location服务并响应 URL 的变化（通常通过哈希）。要“激活”路由，您只需更改 URL。最简单的方法是使用锚标签。

<a href="#/home">Go Home</a>
<a href="#/about">Go to About</a>

不需要更复杂的了。但是，如果您必须从代码中执行此操作，则正确的方法是使用该$location服务：

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

例如，一个按钮可以触发：

<button ng-click="go('/home')"></button>

2022-05-26