文档章节

Angular UI Route

z
 zhouyc
发布于 2015/04/15 14:45
字数 199
阅读 919
收藏 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


© 著作权归作者所有

共有 人打赏支持
上一篇: apache auto run
下一篇: WEB安全
z
粉丝 2
博文 50
码字总数 15358
作品 0
大连
私信 提问
加载中

评论(1)

一点灵犀
一点灵犀
还有`ui-router`啊,我之前用`ng-include`凑合着解决的
OSChina 技术专题之 AngularJS 更新版(201412)

Angular JS (Angular.JS) 是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件。它支持整个开发进程,提供web应用的架构,无需进行手工DOM操作。 AngularJS很小,只有60K,兼容主流浏...

OSC编辑部
2014/10/17
11.1K
26
AngularJS 1.3.2 发布,HTML 的 Web 框架

AngularJS 1.3.2 发布,Angular JS (Angular.JS) 是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件。它支持整个开发进程,提供web应用的架构,无需进行手工DOM操作。 AngularJS很...

oschina
2014/11/09
2.8K
8
Angular中ui-grid的使用详解

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

半指温柔乐
08/05
0
0
登录失败,始终提示公司名称不存在

根据前端的输出错误应该是后端的服务接口没有启动,可是不知道怎么解决! 前端控制器输出错误如下: Load defined data api failed: Account.LoginAPI Error: [$injector:unpr] Unknown pro...

gread_369
2016/08/24
310
1
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

没有更多内容

加载失败,请刷新页面

加载更多

NPM install -save 和 -save-dev 傻傻分不清

本文原文地址:https://www.limitcode.com/detail/59a15b1a69e95702e0780249.html 回顾 npm install 命令 最近在写Node程序的时候,突然对 npm install 的-save和-save-dev 这两个参数的使用...

翔飘飘
5分钟前
0
0
spring-boot:run启动时,指定spring.profiles.active

Maven启动指定Profile通过-P,如mvn spring-boot:run -Ptest,但这是Maven的Profile。 如果要指定spring-boot的spring.profiles.active,则必须使用mvn spring-boot:run -Drun.profiles=test......

颖辉小居
5分钟前
0
0
抛弃console.log(),拥抱浏览器Debugger

译者按: 切换成本真的不高,建议使用开发者工具来Debug! 原文:How to stop using console.log() and start using your browser’s debugger 译者: Fundebug 为了保证可读性,本文采用意译...

Fundebug
9分钟前
0
0
Flask框架web开发:零基础入门

Flask框架是Python开发的一个基于Werkzeug和Jinja 2的web开发微框架,它的优势就是极其简洁,但又非常灵活,而且容易学习和应用。因此Flask框架是Python新手快速开始web开发最好的选择,此外...

笔阁
22分钟前
5
0
VMware前路难测,多个厂家群雄逐鹿

在人们高谈Salesforce、亚马逊等新兴云计算厂商取得的成就时,以VMware、HPE和Cisco为代表的老牌厂商也在进行着自己的转型和变化,而且还取得一定的进展。以VMware为例,虚拟机巨头公布了第二...

linuxCool
25分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部