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实现滑块滑动改变值的实现代码
Apr 12 Javascript
原生js实现复制对象、扩展对象 类似jquery中的extend()方法
Aug 30 Javascript
jQuery实现按钮只点击一次后就取消点击事件绑定的方法
Jun 26 Javascript
如何防止JavaScript自动插入分号
Nov 05 Javascript
详解jQuery的Cookie插件
Nov 23 Javascript
Angular2-primeNG文件上传模块FileUpload使用详解
Jan 14 Javascript
JS如何实现在页面上快速定位(锚点跳转问题)
Aug 14 Javascript
vue router-link传参以及参数的使用实例
Nov 10 Javascript
小程序ios音频播放没声音问题的解决
Jul 11 Javascript
使用mpvue搭建一个初始小程序及项目配置方法
Dec 03 Javascript
解决layui数据表格table的横向滚动条显示问题
Sep 04 Javascript
js基础语法与maven项目配置教程案例
Jul 15 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
分页显示Oracle数据库记录的类之二
2006/10/09 PHP
浅析php中如何在有限的内存中读取大文件
2013/07/02 PHP
php简单socket服务器客户端代码实例
2015/05/18 PHP
PHP命令行执行整合pathinfo模拟定时任务实例
2016/08/12 PHP
jquery tools之tabs 选项卡/页签
2009/07/25 Javascript
元素的内联事件处理函数的特殊作用域在各浏览器中存在差异
2011/01/12 Javascript
更优雅的事件触发兼容
2011/10/24 Javascript
js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)
2012/12/27 Javascript
JavaScript实现在标题栏上显示当前日期的方法
2015/03/19 Javascript
基于JavaScript实现定时跳转到指定页面
2016/01/01 Javascript
深入解析JavaScript中的立即执行函数
2016/05/21 Javascript
Javascript的动态增加类的实现方法
2016/10/20 Javascript
JS中如何实现Laravel的route函数详解
2017/02/12 Javascript
Vue + better-scroll 实现移动端字母索引导航功能
2018/05/07 Javascript
详解如何用VUE写一个多用模态框组件模版
2018/09/27 Javascript
layui lay-verify form表单自定义验证规则详解
2019/09/18 Javascript
小程序如何写动态标签的实现方法
2020/02/05 Javascript
微信小程序学习总结(三)条件、模板、文件引用实例分析
2020/06/04 Javascript
JavaScript使用setTimeout实现倒计时效果
2021/02/19 Javascript
[27:53]2014 DOTA2华西杯精英邀请赛 5 24 NewBee VS iG
2014/05/26 DOTA
python函数参数*args**kwargs用法实例
2013/12/04 Python
跟老齐学Python之用Python计算
2014/09/12 Python
使用Python脚本操作MongoDB的教程
2015/04/16 Python
Python实现求最大公约数及判断素数的方法
2015/05/26 Python
很酷的python表白工具 你喜欢我吗
2019/04/11 Python
PyQt5响应回车事件的方法
2019/06/25 Python
Python面向对象程序设计之私有变量,私有方法原理与用法分析
2020/03/23 Python
python3.7.3版本和django2.2.3版本是否可以兼容
2020/09/01 Python
Pandas直接读取sql脚本的方法
2021/01/21 Python
怎样从/向数据文件读/写结构
2014/11/23 面试题
歌唱比赛获奖感言
2014/01/21 职场文书
党支部公开承诺书
2014/03/28 职场文书
婚纱店策划方案
2014/05/22 职场文书
2016年党员承诺书范文
2016/03/24 职场文书
redis使用不当导致应用卡死bug的过程解析
2021/07/01 Redis
Redis Cluster集群动态扩容的实现
2021/07/15 Redis