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 短路法代码精简
Aug 20 Javascript
Script的加载方法小结
Jan 12 Javascript
js根据给定的日期计算当月有多少天实现思路及代码
Feb 25 Javascript
jQuery中:first选择器用法实例
Dec 30 Javascript
javascript从作用域链谈闭包
Jul 29 Javascript
基于Javascript实现弹出页面效果
Jan 01 Javascript
javascript事件冒泡简单示例
Jun 20 Javascript
vue实现前进刷新后退不刷新效果
Jan 26 Javascript
浅谈Postman解决token传参的问题
Mar 31 Javascript
vue实现学生录入系统之添加删除功能
Jul 11 Javascript
使用bootstrap实现下拉框搜索功能的实例讲解
Aug 10 Javascript
如何利用vue+vue-router+elementUI实现简易通讯录
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水印技术
2007/02/14 PHP
PHP生成唯一订单号
2015/07/05 PHP
PHP实现向关联数组指定的Key之前插入元素的方法
2017/06/06 PHP
PHP程序员必须知道的两种日志实例分析
2020/05/14 PHP
javascript编程起步(第七课)
2007/02/27 Javascript
jQuery 源码分析笔记(7) Queue
2011/06/19 Javascript
使用JavaScript修改浏览器URL地址栏的实现代码
2013/10/21 Javascript
javascript轻松实现当鼠标移开时已弹出子菜单自动消失
2013/12/29 Javascript
JavaScript Math.round() 方法
2015/12/18 Javascript
JavaScript+html5 canvas绘制的圆弧荡秋千效果完整实例
2016/01/26 Javascript
vue多级多选菜单组件开发
2020/09/08 Javascript
深入理解基于vue-cli的vuex配置
2017/07/24 Javascript
AngularJS中下拉框的基本用法示例
2017/10/11 Javascript
详解webpack之scss和postcss-loader的配置
2018/01/09 Javascript
vue指令只能输入正数并且只能输入一个小数点的方法
2018/06/08 Javascript
python Flask实现restful api service
2017/12/04 Python
Python获取指定文件夹下的文件名的方法
2018/02/06 Python
浅谈Python中的zip()与*zip()函数详解
2018/02/24 Python
python中嵌套函数的实操步骤
2019/02/27 Python
linux环境下Django的安装配置详解
2019/07/22 Python
Python中__repr__和__str__区别详解
2019/11/07 Python
python二元表达式用法
2019/12/04 Python
Python enumerate内置库用法解析
2020/02/24 Python
Python猴子补丁Monkey Patch用法实例解析
2020/03/23 Python
浅谈numpy中函数resize与reshape,ravel与flatten的区别
2020/06/18 Python
HTML5 placeholder(空白提示)属性介绍
2013/08/07 HTML / CSS
ECCO爱步官方旗舰店:丹麦鞋履品牌
2018/01/02 全球购物
科颜氏印度官网:Kiehl’s印度
2021/02/20 全球购物
中学生学习保证书
2015/02/26 职场文书
婚礼家长致辞
2015/07/27 职场文书
未来,这5大方向都很适合创业
2019/07/22 职场文书
2019关于垃圾分类处理的调查报告
2019/12/26 职场文书
java解析XML详解
2021/07/09 Java/Android
Django路由层如何获取正确的url
2021/07/15 Python
i7 6700处理器相当于i5几代
2022/04/19 数码科技
Oracle中DBLink的详细介绍
2022/04/29 Oracle