angular中使用路由和$location切换视图
作者:bea
我们可以利用angular的$route服务来定义这样一种东西:对于浏览器所指向的特定URL,angular会加载并显示一个模板,并实例化一个控制器为模板提供内容。 在应用中,你可以通过调用$routeProvider服务上的函数来创建路由,把需要创建的路由当成一个配置块传给这些函数即可。 伪代码如下: 代码如下: var someModule = angular.module('somemodule',[...module dependencies...]) so
我们可以利用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 ...);
});
方法很简单,代码也很简洁,但是却非常实用,希望小伙伴们能够喜欢。
有用 | 无用
在应用中,你可以通过调用$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 拖拽的一些简单的应用(逐行分析代码,让你轻松了拖拽的原理)
- Javascript 完美运动框架(逐行分析代码,让你轻松了运动的原理)
- Javascript 拖拽的一些高级的应用(逐行分析代码,让你轻松了拖拽的原理)
- jQuery选择器querySelector的使用指南
- jQuery中DOM操作实例分析
- jquery实现点击页面计算点击次数
- jQuery中DOM树操作之复制元素的方法
- PHP实现的各种中文编码转换类分享
- jQuery中DOM树操作之使用反向插入方法实例分析
- PHPExcel中的一些常用方法汇总
- jQuery操作DOM之获取表单控件的值
- 使用angular写一个hello world
- Javascript中的几种URL编码方法比较
- jQuery源码分析之jQuery.fn.each与jQuery.each用法
- AngularJS语法详解(续)
- Jquery动态替换div内容及动态展示的方法
- AngularJS语法详解
- JQuery选择器绑定事件及修改内容的方法