AngularJS路由之ui-router（四）$state.go页面跳转

布满荆棘的人生 2022-06-13 02:28 121阅读 0赞

**路由是这么定义的：**

$stateProvider
       .state('page1', {
         url: '/page1',
         templateUrl: 'views/page1.htm',
         controller: 'page1Ctrl'
        })
        .state('page2', {
         url: '/page2/:type',
         templateUrl: 'views/page2.htm',
         controller: 'page2Ctrl'
        });

**用ng-href跳转的话，是这么写的：**

ng-href="\#/page1" rel="external nofollow"

ng-href="\#/page2/1" rel="external nofollow"

**用$state.go跳转的话，是这么写的：**

$state.go("page1");  
$state.go("page2",\{type:1\});

**用ui-sref跳转的话，是这么写的：**

ui-sref="page1"

ui-sref="page2(\{type:1\})"

//跳转页面
    $state.go('second', {
        area: 'admin',
        controller: 'mallmanage',
        action:'detail'
    });

更多：

[AngularJS路由之ui-router（三）大小写处理][AngularJS_ui-router]

[AngularJS路由之ui-router（二）][AngularJS_ui-router 1]

[AngularJS路由之ui-router（一）][AngularJS_ui-router 2]

[AngularJS_ui-router]: http://blog.csdn.net/u011127019/article/details/54616327
[AngularJS_ui-router 1]: http://blog.csdn.net/u011127019/article/details/53519254
[AngularJS_ui-router 2]: http://blog.csdn.net/u011127019/article/details/53518586

发表评论取消回复

表情：

评论列表（有 0 条评论，121人围观）

还没有评论，来说两句吧...

相关阅读

相关 uni-app 路由/页面跳转

路由/页面跳转 > [uni-app 官网路由][uni-app _] 简要示范下`uni.navigateTo()` // 不带参数

今天药忘吃喽~/ 2023年02月12日 05:42/ 0 赞/ 2 阅读

相关 vue ElementUI 路由跳转新页面

页面效果从产品成本核算配置管理Tab页跳转核算配置信息Tab页 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_sh

淡淡的烟草味﹌/ 2022年12月15日 03:44/ 0 赞/ 461 阅读

相关 angularjs单一页面内设置跳转路由

单一页面内设置跳转路由鉴于现在很多应用的应用功能以及场景都非常简单，如果还按照以前的思路，每个页面做一个html，通过路由进行跳转，不仅在时间上会有延迟，在某些特殊的浏

喜欢ヅ旅行/ 2022年09月23日 03:57/ 0 赞/ 145 阅读

相关 vue 路由页面改变路由跳转页面参数或者叫公共页面

我不想知道原理，能实现就行日常中有很多页面公用一个头部，用来切换，我习惯于用父子路由的方式写，像这样 ![在这里插入图片描述][watermark_type_Z

古城微笑少年丶/ 2022年09月10日 01:16/ 0 赞/ 209 阅读

相关 angularjs路由监听，uirouter感知路由变化，解决uirouter路由监听不生效的问题

angularjs路由监听，uirouter感知路由变化，解决uirouter路由监听不生效的问题参考文章： [（1）angularjs路由监听，uirouter感知路由

深藏阁楼爱情的钟/ 2022年09月04日 00:46/ 0 赞/ 397 阅读

相关 ionic之路由跳转

简介 ionic中比较常见的两个基于状态机（stateProvider）的页面跳转分别是 ui-sref state.go 查看ui-sref的底层实现源

傷城~/ 2022年07月16日 23:08/ 0 赞/ 376 阅读

相关 AngularJS路由之ui-router（四）$state.go页面跳转

路由是这么定义的： $stateProvider .state('page1', { url: '/page1',

布满荆棘的人生/ 2022年06月13日 02:28/ 0 赞/ 122 阅读

相关 Vue之路由跳转

所谓的router就是动态的往根里面挂载组件，而不是手动挂载。 vue路由配置的步骤： https://router.vuejs.org/ 1.安

亦凉/ 2022年03月17日 05:17/ 0 赞/ 345 阅读

相关 AngularJs ui-router路由跳转传参

1、在跳转a标签中通过跳转指令设置 ui-sref='state名称({键值对1,键值对2})' 其中,值如果是变量会自动解析,如果是字符串需

妖狐艹你老母/ 2021年07月25日 01:52/ 0 赞/ 416 阅读

相关 AngularJs ui-router动态跳转路由

1、在包含路由的控制器中,注入$state 2、跳转 $state.go('state的第一个自定义名称') 代码示例: <html ng

矫情吗；*/ 2021年07月24日 16:13/ 0 赞/ 398 阅读