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 相关文章推荐
jquery购物车实时结算特效实现思路
Sep 23 Javascript
利用jq让你的div居中的好方法分享
Nov 21 Javascript
JavaScript中的this,call,apply使用及区别详解
Jan 29 Javascript
简单谈谈原生js的math对象
Jun 27 Javascript
js实现轮播图的两种方式(构造函数、面向对象)
Sep 30 Javascript
Element-ui table中过滤条件变更表格内容的方法
Mar 02 Javascript
解决vue js IOS H5focus无法自动弹出键盘的问题
Aug 30 Javascript
vue中进入详情页记住滚动位置的方法(keep-alive)
Sep 21 Javascript
使用vue-cli脚手架工具搭建vue-webpack项目
Jan 14 Javascript
vscode vue 文件模板的配置方法
Jul 23 Javascript
使用jQuery实现掷骰子游戏
Oct 24 jQuery
JS对日期操作封装代码实例
Nov 08 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
提问的智慧(2)
2006/10/09 PHP
教你如何使用php session
2013/10/28 PHP
解密ThinkPHP3.1.2版本之模块和操作映射
2014/06/19 PHP
PHP对文件进行加锁、解锁实例
2015/01/23 PHP
php简单实现发送带附件的邮件
2015/06/10 PHP
php通过curl添加cookie伪造登陆抓取数据的方法
2016/04/02 PHP
thinkPHP5.0框架整体架构总览【应用,模块,MVC,驱动,行为,命名空间等】
2017/03/25 PHP
jquery动态改变form属性提交表单
2014/06/03 Javascript
js判断是否为空和typeof的用法(详解)
2016/10/07 Javascript
详解JSON1:使用TSQL查询数据和更新JSON数据
2016/11/21 Javascript
jquery判断页面网址是否有效的两种方法
2016/12/11 Javascript
vuejs指令详解
2017/02/07 Javascript
Nodejs实现短信验证码功能
2017/02/09 NodeJs
Jquery中.bind()、.live()、.delegate()和.on()之间的区别详解
2017/08/01 jQuery
vue侧边栏动态生成下级菜单的方法
2018/09/07 Javascript
使用vue-cli webpack 快速搭建项目的代码
2018/11/21 Javascript
快速了解Node中的Stream流是什么
2019/02/13 Javascript
vue项目中使用eslint+prettier规范与检查代码的方法
2020/01/16 Javascript
Vue中keep-alive组件的深入理解
2020/08/23 Javascript
python编写的最短路径算法
2015/03/25 Python
Python导入txt数据到mysql的方法
2015/04/08 Python
编写Python脚本来获取Google搜索结果的示例
2015/05/04 Python
Linux下为不同版本python安装第三方库
2016/08/31 Python
python 叠加等边三角形的绘制的实现
2019/08/14 Python
Python3 虚拟开发环境搭建过程(图文详解)
2020/01/06 Python
Python图像处理库PIL的ImageFilter模块使用介绍
2020/02/26 Python
Python带参数的装饰器运行原理解析
2020/06/09 Python
英国优质鞋类专家:Robinson’s Shoes
2017/12/08 全球购物
美国在线乐器和设备商店:Musician’s Friend
2018/07/06 全球购物
香港现代设计家具品牌:Ziinlife Furniture
2018/11/13 全球购物
惠而浦美国官网:Whirlpool.com
2021/01/19 全球购物
计算 s=(x*y)1/2,用两个宏定义来实现
2016/08/11 面试题
拓展训练激励口号
2014/06/17 职场文书
大学生入党群众意见书
2015/06/02 职场文书
2016大学生社会实践心得体会范文
2016/01/14 职场文书
vue实现登陆页面开发实践
2022/05/30 Vue.js