AngularJS：router路由与多重视图详解

出处http://blog.csdn.net/evankaka

详见：http://blog.csdn.net/evankaka/article/details/51235900

1.AngularJS路由介绍（详见上述地址）

2. 路由常用方法和属性

   路由一般主要通过两个方法：

    when()：配置路径和参数；

    otherwise：配置其他的路径跳转，可以想象成default。

   when第二个参数：

    controller：对应路径的控制器函数，或者名称

    controllerAs：给控制器的别名

    template：对应路径页面的模板，会出现在ng-view处，比如："<div>xxx</div>"

    templateUrl:对应模板的路径。比如："src/xxx.html"

    resolve:该属性会键值对对象的形式，给路由相关的控制器绑定服务或者值。然后把执行结果值或者对应的服务引用，注入     到控制器中。

    redirectTo：重定向地址

    reloadOnSearch:设置是否只有地址改变时，才加载对应的模板；search和params改变都不会加载模板

    caseInsensitivematch:路径区分大小写

3. 路由有几个常见的事件

    $routeChangeStart:这个事件会在路由跳转触发

    $routeChangeSuccess:这个事件在路由跳转成功后边触发。

    $routeChangeError:这个事件在路由挑战失败后触发。

4.使用注意事项

   1.引入Angular-route.js文件

   2.一如ngRoute模块，angular.module("myApp",["ngRoute"])

   3.页面设置 <div ng-view></div>    渲染其他视图的地方

   4.定义路由页面，可以使用<script type="text/ng-template" id=""></script>