angularjs的路由ui.router

 1 <!-- 引入路由插件 -->
 2   <script src="vendor/angular-ui-router/release/angular-ui-router.min.js" charset="utf-8"></script>
 3 
 4 <!-- 指令ui-view就是路由要放置的地方 -->
 5   <div ui-view></div>
 6 angular.module('app').config(['$stateProvider','$urlRouterProvider',function($stateProvider,$urlRouterProvider){
 7   //$stateProvider路由模块,配置状态，可以放入多个.state
 8   //state(路由id,{路径，路由的url，业务逻辑})
 9   $stateProvider.state('main',{
10     url:'/main',
11     templateUrl:'view/main.html',
12     controller:'mainCtrl'
13   });
14   //默认路径，如果都没有匹配到就转到main上面
15   $urlRouterProvider.otherwise('main');
16 
17 }])

路径可以是{

'/home':只匹配'/home'

'/user/id'、'user/{id}':匹配 '/user/123'或者'/user/'

}

1 <!-- 用id的方法的时候，获取还有页面跳转方法 -->
2   <a ui-sref="main{(id:1234)}"></a>
3 
4 
5 
6 //还有一种方法，但是需要引入服务$state
7     //location:'replace'跳转页面消除当前页面路径
8 $state.go('main',{id:123},{location:'replace'});