老生常谈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-rel="nofollow noopener noreferrer" href="#/page1" rel="external nofollow"

ng-rel="nofollow noopener noreferrer" 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就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

您可能有感兴趣的文章
AngularJS tab栏实现和mvc小案例实例详解

基于AngularJS拖拽插件ngDraggable.js实现拖拽排序功能

AngularJS实现的自定义过滤器简单示例

ionic使用angularjs表单验证(模板验证)

用WebStorm进行Angularjs 2开发(环境篇:Windows 10,Angular-cli方式)