路由 route -> 单页面应用程序
一个页面在展示多种数据的时候不是进行页面的跳转, 而是在页面中设置一个足够大的容器
在切换显示的时候, 利用 ajax 请求数据, 拿到数据后利用 js 将数据渲染到容器中, 以
展示不同的数据内容. 而在这个过程中页面一直保持不刷新的状态.
-> 在 ng 中为了实现这种自动的"跳转"( 注意不是真的跳转, 只是根据 url 显示不同的 内容 ) 称为路由
-> 操作步骤( **** )
1> 引入一个 angular-route 的 js 文件. 该文件定义了一个 ngRoute 模块
2> 要使用路由, 就需要在运行开始之前对路由的路径规则进行配置
module.config( [ '$routeProvider', function ( $routeProvider ) {
}] )
3> $routeProvider 提供了一个 when()
该方法有两个参数, 第一个参数表示的"路径"( # 后的路径 )规则
第二个参数是 一个对象, 该对象有 template, templateUrl, controller 等方法
设置该属性后, 表示路径规则一旦符合 when 中给定的规则, 那么就会显示对应的 模板数据.
4> 在页面中放上一个 ng-view 指令, 它就是容器
5> $routeProvider 还提供了一个 otherwise 方法, 该方法只有一个参数, 即对象
意味着如果路径规则, 所有的 when 都不符合 就启用 otherwise 中描述的 页面
一般会使用 { redirectTo: '/' } 跳转到主页或指定页