AngularJS提供的模块——ngRoute路由

  Route:路由,通过某条线路找到目标内容。

  ngRoute模块的用途:就是根据浏览器中URL中的一个特殊的地址标记(形如#/xxx),查找到该标记所对应的模板页面,并异步加载到当前页面的ngView指令中。使用步骤:

  (1)创建唯一完整的HTML页面,其中声明一个容器,ngView指令。引入angular.js和angular-route.js

  (2)创建多个模板页面(习惯上放在一个特别的目录下,如tpl)

  (3)创建Module,声明依赖于ng和ngRoute两个模块。

  (4)在Module中配置路由字典。

  (5)使用浏览器做测试:

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

 

ngRoute模块中的伪页面跳转

(1)通过超链接跳转

<a href="#/路由地址">    #不能省

(2)通过JS跳转

<button ng-click="jump()"></button>

$scope.jump = function(){

//location.href="2.html"        不能使用多页面应用中的跳转

$location.path('/路由地址');    //#不能有

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值