ng中的路由和单页面应用

路由 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: '/' } 跳转到主页或指定页
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

ITzhongzi

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值