1. 程式人生 > >AngularJS路由之ui-router(四)$state.go頁面跳轉

AngularJS路由之ui-router(四)$state.go頁面跳轉

路由是這麼定義的:

$stateProvider
   .state('page1', {
     url: '/page1',
     templateUrl: 'views/page1.htm',
     controller: 'page1Ctrl'
    })
    .state('page2', {
     url: '/page2/:type',
     templateUrl: 'views/page2.htm',
     controller: 'page2Ctrl'
    });

用ng-href跳轉的話,是這麼寫的:

ng-href="#/page1" rel="external nofollow"

ng-href="#/page2/1" rel="external nofollow" 

用$state.go跳轉的話,是這麼寫的:

$state.go("page1");
$state.go("page2",{type:1});

用ui-sref跳轉的話,是這麼寫的:

ui-sref="page1"

ui-sref="page2({type:1})"

//跳轉頁面
$state.go('second', {
    area: 'admin',
    controller: 'mallmanage',
    action:'detail'
});

更多: