angular——单页面路由

##什么是路由

路由就是不同的路径。不同的路径对应不同的路由
angular单页路由的配置

需要引入angular-route这个包

1	<script src="../node_modules/angular-route.js"></script>

angular模块依赖

1	var mod=angular.module('app',['ngRoute']);

对服务暴露出的api进行配置

1
2
3

mod.config(function  ($routeProvider) {
})

##具体流程一个简单的案例

var mod=angular.module('app',['ngRoute']);
  mod.config(function  ($routeProvider) {
  	//route的每个when方法里设置一个路由
      $routeProvider.when('/',{
          templateUrl:'index.html'
      }).when('/about',{
          templateUrl:'about.html',
          controller:function  ($scope) {
          },
          //resolve中定义服务，注意这里会嵌套两层
          resolve:{
          	add:function () {
          		return function (a,b) {
          			return a+b;
          		}
          	}
          }
      }).when('/contact',{
          templateUrl:'contact.html'
      })
  })

在DOM结构中,路由会显示在ng-view指令所在的标签内

1	<div ng-view></div>

angular单页路由的配置