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 相关文章推荐
js 获取服务器控件值的代码
Mar 05 Javascript
juqery 学习之六 CSS--css、位置、宽高
Feb 11 Javascript
jQuery学习笔记 操作jQuery对象 文档处理
Sep 19 Javascript
JS 退出系统并跳转到登录界面的实现代码
Jun 29 Javascript
JavaScript中判断原生函数检查function是否是原生代码
Sep 09 Javascript
jQuery旋转木马式幻灯片轮播特效
Dec 04 Javascript
微信小程序 生命周期详解
Oct 12 Javascript
jQuery实现Select下拉列表进行状态选择功能
Mar 30 jQuery
JS jQuery使用正则表达式去空字符的简单实现代码
May 20 jQuery
细说webpack源码之compile流程-入口函数run
Dec 26 Javascript
javascript填充默认头像方法
Feb 22 Javascript
JavaScript实现随机点名程序
Mar 25 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
thinkPHP订单数字提醒功能的实现方法
2016/12/01 PHP
php微信开发之谷歌测距
2018/06/14 PHP
jquery实现点击TreeView文本父节点展开/折叠子节点
2013/01/10 Javascript
jQuery设置div一直在页面顶部显示的方法
2013/10/24 Javascript
jquery select 设置默认选中的示例代码
2014/02/07 Javascript
网站繁简切换的JS遇到页面卡死的解决方法
2014/03/12 Javascript
angularJS 中$attrs方法使用指南
2015/02/09 Javascript
在JavaScript中正确引用bind方法的应用
2015/05/11 Javascript
jQuery实现折叠、展开的菜单组效果代码
2015/09/16 Javascript
Jquery promise实现一张一张加载图片
2015/11/13 Javascript
nodejs和C语言插入mysql数据库乱码问题的解决方法
2017/04/14 NodeJs
基于代数方程库Algebra.js解二元一次方程功能示例
2017/06/09 Javascript
使用cropper.js裁剪头像的实例代码
2017/09/29 Javascript
React/Redux应用使用Async/Await的方法
2017/11/16 Javascript
浅谈vuepress 踩坑记
2018/04/18 Javascript
javascript少儿编程关于返回值的函数内容
2018/05/27 Javascript
vue项目打包部署到服务器的方法示例
2018/08/27 Javascript
详解Angular中实现自定义组件的双向绑定的两种方法
2018/11/23 Javascript
vue工程全局设置ajax的等待动效的方法
2019/02/22 Javascript
浅谈Javascript常用正则表达式应用
2019/03/08 Javascript
小程序实现悬浮搜索框
2019/07/12 Javascript
js回调函数仿360开机
2019/12/26 Javascript
JQuery通过键盘控制键盘按下与松开触发事件
2020/08/07 jQuery
Python功能键的读取方法
2015/05/28 Python
python基于itchat实现微信群消息同步机器人
2017/02/27 Python
python SSH模块登录,远程机执行shell命令实例解析
2018/01/12 Python
python dataframe NaN处理方式
2019/12/26 Python
Python实现疫情通定时自动填写功能(附代码)
2020/05/27 Python
python批量提取图片信息并保存的实现
2021/02/05 Python
CSS3实现DIV圆角效果完整代码
2012/10/10 HTML / CSS
世界首屈一指的在线男士内衣权威:HisRoom
2017/08/05 全球购物
Dockers鞋官网:Dockers Shoes
2018/11/13 全球购物
玲玲的画教学反思
2014/02/04 职场文书
社团2014年植树节活动总结
2014/03/11 职场文书
结婚保证书(三从四德)
2015/02/26 职场文书
服装店员工管理制度
2015/08/07 职场文书