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加解密功能页面
Dec 12 Javascript
JavaScript中instanceof运算符的用法总结
Nov 19 Javascript
js实现键盘控制DIV移动的方法
Jan 10 Javascript
Javascript优化技巧之短路表达式详细介绍
Mar 27 Javascript
jQuery实现带滑动条的菜单效果代码
Aug 26 Javascript
vue构建单页面应用实战
Apr 10 Javascript
自定义PC微信扫码登录样式写法
Dec 12 Javascript
web前端vue之CSS过渡效果示例
Jan 10 Javascript
在Vue中使用icon 字体图标的方法
Jun 14 Javascript
js中值引用和地址引用实例分析
Jun 21 Javascript
浅谈TypeScript 用 Webpack/ts-node 运行的配置记录
Oct 11 Javascript
vue3.0封装轮播图组件的步骤
Mar 04 Vue.js
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中显示格式化的用户输入
2006/10/09 PHP
用PHP和ACCESS写聊天室(五)
2006/10/09 PHP
PHP中str_replace函数使用小结
2008/10/11 PHP
nodejs入门详解(多篇文章结合)
2012/03/07 NodeJs
jQuery.fn和jQuery.prototype区别介绍
2013/10/05 Javascript
jQuery替换字符串(实例代码)
2013/11/13 Javascript
扩展jQuery对象时如何扩展成员变量具体怎么实现
2014/04/25 Javascript
checkbox选中与未选中判断示例
2014/08/04 Javascript
轻松创建nodejs服务器(8):非阻塞是如何实现的
2014/12/18 NodeJs
JS实现鼠标箭头变成一个燃烧烛光效果的方法
2015/02/28 Javascript
jquery实现鼠标点击后展开列表内容的导航栏效果
2015/09/14 Javascript
AngularJS ng-change 指令的详解及简单实例
2016/07/30 Javascript
详解JS数组Reduce()方法详解及高级技巧
2017/08/18 Javascript
NodeJs form-data格式传输文件的方法
2017/12/13 NodeJs
tween.js缓动补间动画算法示例
2018/02/13 Javascript
JavaScript实现简单的文本逐字打印效果示例
2018/04/12 Javascript
vue数据操作之点击事件实现num加减功能示例
2019/01/19 Javascript
JS前端面试必备——基本排序算法原理与实现方法详解【插入/选择/归并/冒泡/快速排序】
2020/02/24 Javascript
使用Python标准库中的wave模块绘制乐谱的简单教程
2015/03/30 Python
python实现杨辉三角思路
2017/07/14 Python
Python实现批量压缩图片
2018/01/25 Python
python安装模块如何通过setup.py安装(超简单)
2018/05/05 Python
如何利用Python分析出微信朋友男女统计图
2019/01/25 Python
python3正则提取字符串里的中文实例
2019/01/31 Python
Django数据库类库MySQLdb使用详解
2019/04/28 Python
python使用tomorrow实现多线程的例子
2019/07/20 Python
python判断自身是否正在运行的方法
2019/08/08 Python
python elasticsearch环境搭建详解
2019/09/02 Python
Python imageio读取视频并进行编解码详解
2019/12/10 Python
纯CSS3实现带动画效果导航菜单无需js
2013/09/27 HTML / CSS
美国在线印刷公司:PsPrint
2017/10/12 全球购物
仓库文员岗位职责
2014/04/06 职场文书
幼儿园运动会口号
2014/06/07 职场文书
公务员群众路线专题民主生活会发言材料
2014/09/17 职场文书
2015中学政教处工作总结
2015/07/22 职场文书
大学生党员暑假实践(活动总结)
2019/08/21 职场文书