Angular JS：如何/何时使用ng单击来调用路由？

发布时间：2020-12-17 09:33:50 所属栏目：安全来源：网络整理

导读：假设您使用路由： // bootstrapmyApp.config(['$routeProvider','$locationProvider',function ($routeProvider,$locationProvider) { $routeProvider.when('/home',{ templateUrl: 'partials/home.html',controller: 'HomeCtrl' }); $routeProvider.when('/

假设您使用路由：

// 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点击也将是有用的在这里。

>这个假设是正确的吗？该ng点击而不是锚？
>如果是，如何工作？ IE：

路由监视$ location服务并响应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>

http://stackoverflow.com/questions/14201753/angular-js-how-when-to-use-ng-click-to-call-a-route

本站文章除注明转载外，均为本站原创或编译
转载请明显位置注明出处：Angular JS：如何/何时使用ng单击来调用路由？

路由监视$ location服务并响应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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!