老生常谈angularjs中的$state.go

 更新时间:2017年04月24日 09:06:18   投稿:jingxian  
下面小编就为大家带来一篇老生常谈angularjs中的$state.go。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

路由是这么定义的:

$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})"

可以对照一下

以上这篇老生常谈angularjs中的$state.go就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Angular中的结构指令模式及使用详解

    Angular中的结构指令模式及使用详解

    这篇文章主要为大家介绍了Angular中的结构指令模式及使用示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • 利用Angularjs和bootstrap实现购物车功能

    利用Angularjs和bootstrap实现购物车功能

    在学习了如何简单开始一个Angular程序之后,跟着网上的教程我也来实现一个购物车功能,为了减少页面样式设计我使用了bootstrap来偷懒,现在分享给大家,有需要的可以参考借鉴。
    2016-08-08
  • AngularJS包括详解及示例代码

    AngularJS包括详解及示例代码

    本文主要介绍AngularJS包括的基础知识,这里整理了相关资料并附示例代码和实现效果图,有需要的小伙伴可以参考下
    2016-08-08
  • AngularJS入门知识之MVW类框架的编程思想探讨

    AngularJS入门知识之MVW类框架的编程思想探讨

    这篇文章主要介绍了AngularJS入门知识之MVW类框架的编程思想探讨,本文通过实现两个简单的业务需求,探讨AngularJS和传统的JavaScript控制DOM实现方式的差别,并尝试理解MVW此类框架在流行的Web前端开发中的编程思想,需要的朋友可以参考下
    2014-12-12
  • AngularJS中取消对HTML片段转义的方法例子

    AngularJS中取消对HTML片段转义的方法例子

    这篇文章主要介绍了AngularJS中取消对HTML片段转义的方法例子,在一些需要显示HTML的地方,就要取消AngularJS的转义,本文就介绍了这种方法,需要的朋友可以参考下
    2015-01-01
  • 使用AngularJS 应用访问 Android 手机的图片库

    使用AngularJS 应用访问 Android 手机的图片库

    这篇文章主要介绍了使用AngularJS 应用访问 Android 手机的图片库的相关资料,需要的朋友可以参考下
    2015-03-03
  • Angular 2.0+ 的数据绑定的实现示例

    Angular 2.0+ 的数据绑定的实现示例

    本篇文章主要介绍了Angular 2.0+ 的数据绑定的实现实例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • AngularJS轻松实现双击排序的功能

    AngularJS轻松实现双击排序的功能

    网上已经有AngularJS比较多的相关教程了,那么这篇文章我们一起来看一个AngularJS双击排序的例子,对大家日常开发很有帮助的,有需要的可以参考借鉴。
    2016-08-08
  • 详解AngularJS中的表达式使用

    详解AngularJS中的表达式使用

    这篇文章主要介绍了详解AngularJS中的表达式使用,包括处理数字和字符串等各种对象的操作,需要的朋友可以参考下
    2015-06-06
  • Angular如何由模板生成DOM树的方法

    Angular如何由模板生成DOM树的方法

    这篇文章主要介绍了Angular如何由模板生成DOM树的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-12-12

最新评论