angular中使用路由和$location切换视图


Posted in Javascript onJanuary 23, 2015

我们可以利用angular的$route服务来定义这样一种东西:对于浏览器所指向的特定URL,angular会加载并显示一个模板,并实例化一个控制器为模板提供内容。

在应用中,你可以通过调用$routeProvider服务上的函数来创建路由,把需要创建的路由当成一个配置块传给这些函数即可。 伪代码如下:

var someModule = angular.module('somemodule',[...module dependencies...])

someModule.config(function($routeProvider){

    $routeProvider.

      when('url',{controller:aController,templateUrl:'/path/to/template'}).

      when(...other...).

      otherwise(...what to do ...);

});

方法很简单,代码也很简洁,但是却非常实用,希望小伙伴们能够喜欢。

Javascript 相关文章推荐
javascript之可拖动的iframe效果代码
Aug 01 Javascript
jquery1.4.2 for Visual studio 2010 模板文件
Jul 14 Javascript
javascript中的继承实例代码
Apr 27 Javascript
30个精美的jQuery幻灯片效果插件和教程
Aug 23 Javascript
css3元素简单的闪烁效果实现(html5 jquery)
Dec 28 Javascript
JavaScript实现的GBK、UTF8字符串实际长度计算函数
Aug 27 Javascript
详细解读JavaScript编程中的Promise使用
Jul 27 Javascript
jquery实现的回旋滚动效果完整实例【附demo源码下载】
Sep 20 Javascript
vue.js自定义组件directives的实例代码
Nov 09 Javascript
vue实现div拖拽互换位置
Jul 29 Javascript
jquery3和layui冲突导致使用layui.layer.full弹出全屏iframe窗口时高度152px问题
May 12 jQuery
JavaScript oncopy事件用法实例解析
May 13 Javascript
JavaScript中的类与实例实现方法
Jan 23 #Javascript
PHP中CURL的几个经典应用实例
Jan 23 #Javascript
Javascript闭包用法实例分析
Jan 23 #Javascript
JavaScript学习笔记之Function对象
Jan 22 #Javascript
JavaScript学习笔记之Cookie对象
Jan 22 #Javascript
javascript二维数组转置实例
Jan 22 #Javascript
JavaScript学习笔记之内置对象
Jan 22 #Javascript
You might like
PHP 二级子目录(后台目录)设置二级域名
2017/03/02 PHP
用ADODB.Stream转换
2007/01/22 Javascript
用jQuery实现检测浏览器及版本的脚本代码
2008/01/22 Javascript
js模仿jquery的写法示例代码
2013/06/16 Javascript
从数据结构的角度分析 for each in 比 for in 快的多
2013/07/07 Javascript
利用jQuery实现可输入搜索文字的下拉框
2013/10/23 Javascript
jQuery循环滚动新闻列表示例代码
2014/06/17 Javascript
jQuery不使用插件及swf实现无刷新文件上传
2014/12/08 Javascript
深入理解JavaScript系列(18):面向对象编程之ECMAScript实现
2015/03/05 Javascript
JS将滑动门改为选项卡(需鼠标点击)的实现方法
2015/09/27 Javascript
js实现搜索框关键字智能匹配代码
2020/03/26 Javascript
Bootstrap框架下下拉框select搜索功能
2020/03/26 Javascript
js实现按钮控制带有停顿效果的图片滚动
2016/08/30 Javascript
jQuery 选择符详细介绍及整理
2016/12/02 Javascript
Vue.js 时间转换代码及时间戳转时间字符串
2018/10/16 Javascript
Vue中props的详解
2019/05/16 Javascript
[01:03]PWL开团时刻DAY6——别打我
2020/11/05 DOTA
跟老齐学Python之玩转字符串(2)
2014/09/14 Python
python实现带验证码网站的自动登陆实现代码
2015/01/12 Python
Python字符串替换实例分析
2015/05/11 Python
python中解析json格式文件的方法示例
2017/05/03 Python
对python中数据集划分函数StratifiedShuffleSplit的使用详解
2018/12/11 Python
python 含子图的gif生成时内存溢出的方法
2019/07/07 Python
英国家电直销:Appliances Direct
2016/09/22 全球购物
美国皮靴公司自1863年:The Frye Company
2016/11/30 全球购物
聊城大学毕业生自荐书
2014/02/01 职场文书
党建工作经验交流材料
2014/05/25 职场文书
HR求职自荐信范文
2014/06/21 职场文书
党政领导班子民主生活会整改措施
2014/09/18 职场文书
个人租房协议书样本
2014/10/01 职场文书
工商局领导班子存在的问题整改措施思想汇报
2014/10/05 职场文书
2014年劳动部工作总结
2014/12/11 职场文书
给老婆的保证书
2015/01/16 职场文书
餐饮食品安全责任书
2015/01/29 职场文书
Nginx中break与last的区别详析
2021/03/31 Servers
MySQL子查询中order by不生效问题的解决方法
2021/08/02 MySQL