Angular UI Route
博客专区 > zhouyc 的博客 > 博客详情
Angular UI Route
zhouyc 发表于3年前
Angular UI Route
  • 发表于 3年前
  • 阅读 916
  • 收藏 2
  • 点赞 0
  • 评论 1

腾讯云 新注册用户 域名抢购1元起>>>   

摘要: Angular UI Route

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


共有 人打赏支持
粉丝 3
博文 45
码字总数 15358
评论 (1)
一点灵犀
还有`ui-router`啊,我之前用`ng-include`凑合着解决的
×
zhouyc
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: