ng中的路由和单页面应用

来源:互联网 发布:json转化为字符串 编辑:程序博客网 时间:2024/05/11 11:04

路由 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: '/' } 跳转到主页或指定页
0 0
原创粉丝点击