ui-router---$stateProvider
转自:http://blog.csdn.net/violet_day/article/details/17515157
$stateProvider
$stateProvider.state(stateName, stateConfig)
Creates a new application state. For alternate usage, see Object-based States
The parameters for .state()
are:
stateName
String
一个唯一的状态的名称,比如‘home’,'about','contacts',创建子状态用'.',比如 "about.sales", "home.newest". Read more about nested states: Nested States & Nested Views
// The state() method takes a unique stateName (String) and a stateConfig (Object)
$stateProvider.state(stateName, stateConfig); // stateName can be a single top-level name (must be unique).
$stateProvider.state("home", {}); // Or it can be a nested state name. This state is a child of the above "home" state.
$stateProvider.state("home.newest", {}); // Nest states as deeply as needed.
$stateProvider.state("home.newest.abc.xyz.inception", {}); // state() returns $stateProvider, so you can chain state declarations.
$stateProvider.state("home", {}).state("about", {}).state("contacts", {});
stateConfig
Object
一个config的object对象接受已下属性
template
, templateUrl
, templateProvider
三种方式启动你的模板,三选一
template
HTML标签或者返回HTML标签的函数
templateUrl
URL或返回URL的函数
templateProvider
函数,返回HTML标签
Learn more about state templates
controller
, controllerProvider
状态对应的控制器
controller
函数或者控制器的名称
controllerProvider
控制器提供者,动态的返回一个控制器的名称
resolve
依赖注意控制器的一个对象
resolve
Object
- keys - 被注入控制器的名称
- factory - {string|function} 如果是string,则作为服务的别名,如果是函数,他的返回值将会被依赖注入,如果返回promise,他会在注入控制器之前执行
url
导航或转换到时,$
stateParams将被传递
url
String
Learn more about url routing with states
params
An array of parameter names or regular expressions. Only use this within a state if you are not using
url
. Otherwise you can specify your parameters within the url. When a state is navigated or
transitioned to, the $stateParams service will be populated with any parameters that were passed.
params
Array
Learn more about parameters (examples are shown in url form, but they work just the same here)
views
使用视图属性来设置多个视图。如果你没有在一个state内需要多个视图这个属性是没有必要的。提示:请记住,通常嵌套的视图比平级的视图更加有用和强大。
views
Object
- keys - {string} name of ui-view
- view config - {object} view configuration object can set up its own [templates] and (https://github.com/angular-ui/ui-router/wiki#the-simplest-form-of-state)
[controllers].
Learn more about multiple named views
abstract
抽象的状态永远不会被激活,但是可以提供属性以被其子状态继承。
abstract
Boolean - (default is false
)
Learn more about abstract states
onEnter
,
onExit
进入或退出时的回调函数。Callback functions for when a state is entered and
exited. Good way to trigger an action or dispatch an event, such as
opening a
dialog.
onEnter
Function, injected including resolvesonExit
Function, injected including resolves
Learn more about state callbacks
data
data
Object
Learn more about attaching custom data to states
ui-router---$stateProvider的更多相关文章
- angularjs的路由ui.router
<!-- 引入路由插件 --> <script src="vendor/angular-ui-router/release/angular-ui-router.min. ...
- AngularJS学习之 ui router
1.安装 bower install --save angular_ui-router 2.在项目主页面 index.html中添加 <div ui-view="">& ...
- 新建一个angularjs+requirejs+bootstrap+typescript+gulp+vscode+git的项目
环境 windows 10 准备工具 Visual Studio Code Node.js Git 需求 必须支持IE8 步骤开始: 执行命令行工具 mkdir Demo && cd ...
- ui-router API
ui-router API 英文不咋地感觉找个API都要找半天, 拿好不谢 http://angular-ui.github.io/ui-router/site/#/api/ui.router
- [AngularJS] AngularJS系列(2) 中级篇之路由
目录 原理 angular-route ui-router 事件 深度路由 原理 ng的route本质是监听hashchange事件. 在angular-route中 $rootScope.$on(' ...
- angular路由——ui.route
angular路由 使用案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset= ...
- 【原创】ui.router源码解析
Angular系列文章之angular路由 路由(route),几乎所有的MVC(VM)框架都应该具有的特性,因为它是前端构建单页面应用(SPA)必不可少的组成部分. 那么,对于angular而言,它 ...
- 翻译:深入 AngularUI Router
原文地址:http://www.ng-newsletter.com/posts/angular-ui-router.html ui-router: https://angular-ui.github. ...
- 单页应用跳转ui-view,$stateProvider,$urlRouterProvider
<!DOCTYPE HTML> <html ng-app="myApp"> <head> <meta charset="UTF- ...
- angular $stateProvider 路由的使用
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
随机推荐
- Python3基础 list() 将一个元组转换成列表
镇场诗: 诚听如来语,顿舍世间名与利.愿做地藏徒,广演是经阎浮提. 愿尽吾所学,成就一良心博客.愿诸后来人,重现智慧清净体.-------------------------------------- ...
- Eclipse开发Maven项目提示:程序包org.junit不存在解决方案
原因: 个人考虑产生此错误的原因是因为Eclipse中对于测试和开发的鉴定不明?Intellij中没有错误,因为Intellij对项目的管理就是同Maven结构的. 解决方案: 原来的junit的sc ...
- Codeforces Round #369 (Div. 2) C. Coloring Trees (DP)
C. Coloring Trees time limit per test 2 seconds memory limit per test 256 megabytes input standard i ...
- tset
test fsdfs jsjf sdfsdfsdfsdf sfs fsfsfs test112 sdfs sdfsdf sdfs sf af s sdf sadfasdfsa asfasf sdfsa ...
- PAT (Advanced Level) 1030. Travel Plan (30)
先处理出最短路上的边.变成一个DAG,然后在DAG上进行DFS. #include<iostream> #include<cstring> #include<cmath& ...
- PHP学习笔记-session
session 在windows中的默认保存在AppDate/Local/Temp
- selenium 多线程
http://www.cnblogs.com/dingmy/p/3438084.html
- 在mac本上删除mysql
The steps: First you need to edit the file in: /etc/hostconfig and remove the line Since this is a s ...
- iOS技术框架构和更新版本的技术特性
Core OS层 Sytem 系统层包括内核环境,驱动及操作系统层unix接口.内核以mach为基础,它 负责操作系统的各个方面,包括管理系统的虚拟内存,线程,文件系统,网络以及进程间通讯.这一层包含 ...
- ubuntu16安装KVM
apt install qemu-kvm libvirt-bin apt install openvswitch-switch