AngularJS提供的模块——ngRoute路由

来源:互联网 发布:剑灵天族身材数据图 编辑:程序博客网 时间:2024/05/27 00:41

  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
原创粉丝点击