angularjs中实现页面跳转,并传递参数的方法

时间:2024-03-16 20:00:19

1. 最简单的用到js的原生方法:

window.location.href= "http://" + window.location.host + "/xxxx";

需要携带参数的可以在后面加?xxx=xx&xxx=xx

2. 用angularjs的ui-router,  $stateProvider.state来实现

参考:https://blog.csdn.net/weixin_36185028/article/details/78684508

3. $state.go, 可以隐式传参的方法:

下例中是从mcManageLogin页面跳转到mcManageList页面,并且传递loginFlag=1的参数

a. 在mcManageLoginController写

$state.go("mcManageList",{"loginFlag": 1}); 

mcManageList是$stateProvider.state中路由的名字, 如下,注意要传递的参数是放在了mcManageList中的params,而不是mcManageLogin的

angularjs中实现页面跳转,并传递参数的方法

注意mcManageLoginController要有:

angularjs中实现页面跳转,并传递参数的方法

mcManageListController要有:

angularjs中实现页面跳转,并传递参数的方法

在mcManageListController中直接用$stateParams.loginFlag,就可以获取到mcManageLogin传递过来的值了