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 处理HTML元素必须避免使用的一种方法
Jul 30 Javascript
JavaScript Event事件学习第一章 Event介绍
Feb 07 Javascript
js校验表单后提交表单的三种方法总结
Feb 28 Javascript
jQuery插件slides实现无缝轮播图特效
Apr 17 Javascript
jQuery 获取跨域XML(RSS)数据的相关总结分析
May 18 Javascript
微信小程序 wx:key详细介绍
Oct 28 Javascript
js断点调试经验分享
Dec 08 Javascript
详解JS取出两个数组中的不同或相同元素
Mar 20 Javascript
通过说明与示例了解js五种设计模式
Jun 17 Javascript
Layui弹出层 加载 做编辑页面的方法
Sep 16 Javascript
Vue.js中provide/inject实现响应式数据更新的方法示例
Oct 16 Javascript
原生js实现商品筛选功能
Oct 28 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
德生PL450的电路分析和低放电路的改进办法
2021/03/02 无线电
简单实现php上传文件功能
2017/09/21 PHP
PHP多维数组指定多字段排序的示例代码
2018/05/16 PHP
javaScript call 函数的用法说明
2010/04/09 Javascript
IE的事件传递-event.cancelBubble示例介绍
2014/01/12 Javascript
页面加载完后自动执行一个方法的js代码
2014/09/06 Javascript
深入理解JavaScript系列(40):设计模式之组合模式详解
2015/03/04 Javascript
详解AngularJS中自定义指令的使用
2015/06/17 Javascript
JavaScript字符串删除重复字符的方法
2015/12/25 Javascript
基于JS实现类似支付宝支付密码输入框
2016/09/02 Javascript
在html中引入外部js文件,并调用带参函数的方法
2016/10/31 Javascript
js实现登录与注册界面
2017/11/01 Javascript
微信小程序picker组件两列关联使用方式
2020/10/27 Javascript
使用webpack5从0到1搭建一个react项目的实现步骤
2020/12/16 Javascript
[03:11]DOTA2上海特锦赛小组赛第一日recap精彩回顾
2016/02/28 DOTA
python数据结构之二叉树的遍历实例
2014/04/29 Python
SQLite3中文编码 Python的实现
2017/01/11 Python
13个最常用的Python深度学习库介绍
2017/10/28 Python
windows下python安装pip图文教程
2018/05/25 Python
解决Tensorflow使用pip安装后没有model目录的问题
2018/06/13 Python
解决python3 安装完Pycurl在import pycurl时报错的问题
2018/10/15 Python
Python爬取智联招聘数据分析师岗位相关信息的方法
2019/08/13 Python
pygame实现五子棋游戏
2019/10/29 Python
解决pyCharm中 module 调用失败的问题
2020/02/12 Python
Python爬虫定时计划任务的几种常见方法(推荐)
2021/01/15 Python
使用python实现学生信息管理系统
2021/02/25 Python
请写出 float x 与"零值"比较的 if 语句
2016/01/04 面试题
GC是什么?为什么要有GC?
2013/12/08 面试题
怎样写好创业计划书的内容
2014/02/06 职场文书
数控专业自荐书范文
2014/03/16 职场文书
应聘英语教师求职信
2014/04/24 职场文书
宿舍标语大全
2014/06/19 职场文书
债务纠纷委托书范本
2014/10/14 职场文书
法定代表人证明书
2014/11/28 职场文书
十岁生日答谢词
2015/01/05 职场文书
PHP获取学生成绩的方法
2021/11/17 PHP