angularJs的spa页面切换以及ngRoute模块

1.仿照AngularJS实现SPA的页面切换效果

(1)解析请求URL，形如：

http://127.0.0.1/index.html#/路由地址

使用location.hash属性获取URL中路由地址。

(2)查找路由配置信息，根据路由地址，获取对应的模板页面的真实URL。路由配置信息应该形如：

#/start =》 tpl/start.html

#/main =》 tpl/main.html

....

(3)发起异步AJAX请求，获取目标模板页面内容，将服务器返回HTML片段(只含有几个div)，插入到当前DOM树上的一个指定元素中。

完整的结构示意图如图所示：

2.使用ngRoute模块

（1）页面中引入angula.js和angular-route.js;

（2）自定义模块，声明依赖ngRoute模块；

（3）页面中使用ngView指令指定模板页面容器；  

（4）创建所需的模版页面；

（5）为模块配置路由地址映射字典

（6）测试路由功能；

3.配置路由字典

module.config(function($routeProvider){

$routeProvider.

when('\start',{

templateUrl:'tpl/start.html',

controller:''

}).

when().

otherwise({

redirectTo:'/start'

});

});