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
- AngularJS提供的模块——ngRoute路由
- angularJS的路由ngRoute
- angularJS学习小结——ngRoute(路由机制)
- angularJS学习小结——ngRoute(路由机制)
- AngularJS的ngroute 路由传参
- AngularJS配置路由ngRoute的使用
- AngularJs路由:ngRoute
- angularjs路由(ngRoute)
- AngularJS路由实例(uiRoute、ngRoute)
- angular的路由实现,ngRoute
- [置顶]AngularJS“多重路由”嵌套模块——AngularJS“路由”嵌套学习资料教程
- Angular—ngRoute
- AngularJS实际项目应用——模块路由
- AngularJS系列——扩展模块-动画、表单验证、路由
- AngularJS的路由、模块、依赖注入
- Angularjs的路由,模块和依赖注入
- angularJS——路由
- angularJS的路由配置——转
- C#在窗口中绘图
- java集合系列——List集合之LinkedList介绍(三)
- 浅谈Java语言中八种基本数据类型
- 各大浏览器
- C/C++ 笔试、面试题目大汇总 (1)
- AngularJS提供的模块——ngRoute路由
- [kernel] 进程管理
- linux指令
- git命令
- 1
- mysql监控软件
- parentNode 、 offsetParent父节点
- 在浏览器地址栏输入一个URL后回车,将会发生的事情
- 这七种回归分析技术,学了不后悔