angularjs的路由ui.router

 

<!-- 引入路由插件 -->
  <script src="vendor/angular-ui-router/release/angular-ui-router.min.js" charset="utf-8"></script>

<!-- 指令ui-view就是路由要放置的地方 -->
  <div ui-view></div>
angular.module('app').config(['$stateProvider','$urlRouterProvider',function($stateProvider,$urlRouterProvider){
  //$stateProvider路由模块,配置状态，可以放入多个.state
  //state(路由id,{路径，路由的url，业务逻辑})
  $stateProvider.state('main',{
    url:'/main',
    templateUrl:'view/main.html',
    controller:'mainCtrl'
  });
  //默认路径，如果都没有匹配到就转到main上面
  $urlRouterProvider.otherwise('main');

}])

路径可以是{

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

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

}

<!-- 用id的方法的时候，获取还有页面跳转方法 -->
  <a ui-sref="main{(id:1234)}"></a>



//还有一种方法，但是需要引入服务$state
    //location:'replace'跳转页面消除当前页面路径
$state.go('main',{id:123},{location:'replace'});