Angular JS:如何/何时使用ng单击来调用路由?

前端之家收集整理的这篇文章主要介绍了Angular JS:如何/何时使用ng单击来调用路由?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
假设您使用路由:
// 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>

猜你在找的Angularjs相关文章