文档章节

Angular UI Route

z
 zhouyc
发布于 2015/04/15 14:45
字数 199
阅读 917
收藏 2

http://www.tuicool.com/articles/zAVz2a

http://github.com/auth0/java-jwt

http://stackoverflow.com/questions/23808460/jwt-json-web-token-library-for-java

http://bubkoo.com/2014/01/01/angular/ui-router/guide/state-manager/

实际的项目中,尽量使用ui-router代替ngRoute

有三种方法来激活状态:

  1. 调用$state.go()方法

  2. 点击包含ui-sref指令的链接

  3. 导航到与状态相关联的 url



前提条件: 下载angular-ui-router.min.js,导入到项目。

优势:因为ngRoute不支持嵌套的ng-view,而ui-router支持,能够构建比较复杂的页面布局。

基于state来进行导航 (state = url + controller + templateUrl) 【和 ngRoute的区别是什么呢?】

注意事项:

1)html页面中,用ui-view替换ng-view

2)html页面中的 a 标签用 【<li><a ui-sref="login">login</a></li>】

3)配置方式:

$stateProvider.state('login', {
        url : '/login',
        controller : 'loginCtrl',
        templateUrl : 'module/admin/login.html'
 });

    别看我的博客了,看官网的wiki:

angular-ui-router.wiki


© 著作权归作者所有

共有 人打赏支持
z
粉丝 2
博文 50
码字总数 15358
作品 0
大连
加载中

评论(1)

一点灵犀
一点灵犀
还有`ui-router`啊,我之前用`ng-include`凑合着解决的
Angular中ui-grid的使用详解

Angular中ui-grid的使用   在项目开发的过程中,产品经理往往会提出各种需求,以提高用户体验。最近,项目中用到的表格特别多,而且表格的列数和行数也超多。为了让用户浏览更爽,产品经理...

半指温柔乐
08/05
0
0
AngularJS - Top 6 Concepts that Developers Loved

This article represents top 6 popular AngularJS topics that has been used most by the AngularJS developer community to date. The inference is derived based on number of tagged d......

perfectspr
2014/12/03
0
0
AngularJS 中文资料+工具+库+Demo 大搜集

中文学习资料: 中文资料且成系统的就这么多,优酷上有个中文视频。 http://www.cnblogs.com/lcllao/archive/2012/10/18/2728787.html 翻译的官方的Guide http://www.ituring.com.cn/miniboo...

liaolzy2
2015/05/31
0
0
AngularJS 的 Material Design 风格框架 - AngularJS Material

AngularJS Material 是 AngularJS 框架的谷歌 Material Design 标准的实现。AngularJS Material 包含一组丰富的、可重用、经过充分测试并可访问的 UI 组件。 针对 Angular 2 或更高版本的实现...

匿名
05/15
0
0
理解AngularJS ngRoute

一般来说,我们认为AngularJS是一套前端的MVC框架。那么,为了实现视图的中转,肯定会涉及到路由的概念。这里我们就来说说有关AngularJS的路由——ngRoute。 序 个人了解到AngularJS,是由于...

maweitao
2014/08/27
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

流量劫持是如何产生的?

流量劫持,这种古老的攻击沉寂了一段时间后,最近又开始闹的沸沸扬扬。众多知名品牌的路由器相继爆出存在安全漏洞,引来国内媒体纷纷报道。只要用户没改默认密码,打开一个网页甚至帖子,路由...

谢思华
18分钟前
0
0
Hadoop Client无法使用maven下载源码

最近在学习hadoop,使用maven的时候想看一下源码的注释,结果IDEA一直提示无法下载 搞得我一度以为maven坏掉了。 但是通过搜索,发现在maven仓库里确实没有源码.... 而2.8.1以及之前的版本是...

Iceberg_XTY
20分钟前
0
0
为什么程序员千万不要重写代码?

你所做的事情,也许暂时看不到成果,但不要灰心或焦虑,你不是没有成长,而是在扎根。 图片来自网络 0 前言 程序员都有一颗工程师的心,所以当他们到一片新的场地想做的第一件事就是,将旧的...

Java小铺
21分钟前
0
0
VUE集成AdminLte

1. 安装需要到插件 npm i admin-lte -Snpm i jquery -Snpm i axios -Snpm i vue-router -S 2. 配置webpack.config.js 2.1 module.exports.module.rules修改字体loader: {test: /\.(p......

Pasenger
今天
0
0
Spring Aop原理之切点表达式解析

在前面的文章(Spring AOP切点表达式详解)中,我们总结了Spring Aop切点表达式的用法,而在上文(Spring Aop原理之Advisor过滤)中我们讲到,切点表达式的解析主要是在PatternParser.parse...

爱宝贝丶
今天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部