文档章节

Angular UI Route

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

没有更多内容

加载失败,请刷新页面

加载更多

使用JavaScript ES6的新特性计算Fibonacci(非波拉契数列)

程序员面试系列 Java面试系列-webapp文件夹和WebContent文件夹的区别? 程序员面试系列:Spring MVC能响应HTTP请求的原因? Java程序员面试系列-什么是Java Marker Interface(标记接口) 使...

JerryWang_SAP
4分钟前
0
0
docker安装redis、mongodb、mysql等

一、启动docker服务,设置镜像: systemctl start dockervi /etc/docker/daemon.json{ "registry-mirrors": ["https://registry.docker-cn.com"]} 二、下拉镜像: 在镜像中心h...

狼王黄师傅
28分钟前
0
0
deepin系统使用deepin-wine安装exe程序

deepin自带原生deepin-wine使用命令如下: deepin-wine QQBrowser.exedeepin-wine QQMusicSetup.exe 默认安装的快捷方式位置: /root/.wine/drive_c/'Program Files'/Tencent/QQBrowser/......

临江仙卜算子
52分钟前
3
0
快速get到学习Linux操作系统的点

快速get到学习Linux操作系统的点 Linux是一套免费使用和自由传播的类Unix操作系统,是一个基于POSIX和UNIX的多用户、多任务、支持多线程和多CPU的操作系统。Linux能够运行主要的UNIX工具软件...

linuxCool
59分钟前
3
0
聊聊:Linux分区的那些方案

安装linux的整体步骤其实比较简单,唯一可能值得说明的地方,大概就是linux的分区了。 下面来给大家推荐一些分区方案。 1 分两个区 实际上,很多时候我们只需要分两个区:`/`和交换分区,日常...

Linux就该这么学
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部