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前端UI框架Kit使用指南之Kitjs简介
Nov 28 Javascript
浅谈nodeName,nodeValue,nodeType,typeof 的区别
Jan 13 Javascript
Javascript aop(面向切面编程)之around(环绕)分析
May 01 Javascript
javascript框架设计之框架分类及主要功能
Jun 23 Javascript
原生js与jQuery实现简单的tab切换特效对比
Jul 30 Javascript
基于jQuery Bar Indicator 插件实现进度条展示效果
Sep 30 Javascript
javascript中Number的方法小结
Nov 21 Javascript
jQuery实现上传图片前预览效果功能
Aug 03 jQuery
Angular17之Angular自定义指令详解
Jan 21 Javascript
在vue项目中使用md5加密的方法
Sep 14 Javascript
在微信小程序中使用图表的方法示例
Apr 25 Javascript
详解如何给React-Router添加路由页面切换时的过渡动画
Apr 25 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
2006/10/09 PHP
用PHP动态创建Flash动画
2006/10/09 PHP
php数组声明、遍历、数组全局变量使用小结
2013/06/05 PHP
php恢复数组的key为数字序列的方法
2015/04/28 PHP
PHP两个n位的二进制整数相加问题的解决
2018/08/26 PHP
Add a Table to a Word Document
2007/06/15 Javascript
Javascript 生成指定范围数值随机数
2009/01/09 Javascript
json 入门基础教程 推荐
2009/10/31 Javascript
JavaScript高级程序设计(第3版)学习笔记5 js语句
2012/10/11 Javascript
JavaScript中的Math.atan2()方法使用详解
2015/06/15 Javascript
javascript实现的猜数小游戏完整实例代码
2016/05/10 Javascript
js和jQuery设置Opacity半透明 兼容IE6
2016/05/24 Javascript
ui组件之input多选下拉实现方法(带有搜索功能)
2016/07/14 Javascript
学习掌握JavaScript中this的使用技巧
2016/08/29 Javascript
angular+webpack2实战例子
2017/05/23 Javascript
详解vue项目的构建,打包,发布全过程
2017/11/23 Javascript
浅谈Vue SPA 首屏加载优化实践
2017/12/15 Javascript
讲解vue-router之什么是嵌套路由
2018/05/28 Javascript
JavaScript控制浏览器全屏显示简单示例
2018/07/05 Javascript
Angular服务Request异步请求的实例讲解
2018/08/13 Javascript
JS window对象简单操作完整示例
2020/01/14 Javascript
vue+swiper实现左右滑动的测试题功能
2020/10/30 Javascript
将Python的Django框架与认证系统整合的方法
2015/07/24 Python
python中的lambda表达式用法详解
2016/06/22 Python
python 上下文管理器及自定义原理解析
2019/11/19 Python
Python实现播放和录制声音的功能
2020/08/12 Python
pandas按照列的值排序(某一列或者多列)
2020/12/13 Python
CSS3中动画属性transform、transition和animation属性的区别
2016/09/25 HTML / CSS
优秀教师获奖感言
2014/01/31 职场文书
《盲人摸象》教学反思
2014/02/16 职场文书
小学老师寄语大全
2014/04/04 职场文书
企业环保标语
2014/06/10 职场文书
2019销售早会主持词
2019/06/27 职场文书
pytorch 运行一段时间后出现GPU OOM的问题
2021/06/02 Python
详解JS数组方法
2021/11/20 Javascript
vue的项目如何打包上线
2022/04/13 Vue.js