每天学习一点点,成功增加一大步

ui-router 中的 $state.go 传递参数

AngularJS zhanghui 1413℃

今天学习 AngularJS, 就遇到了依赖注入的自定义服务向另一个控制器传递参数的问题,之前在做 ui-router 的 $state.go,不明白后面的参数做什么用,当时也没有去查,现在明白了它的作用。所以做下笔录,虽然百度一下也能查到但我看过文理不清,在这里我只是理一下而已。

在想实现在 $state.go 路由中内部传递参数的步骤有三个步骤。

第一步:在发起传递参数的地方写入以下格式代码:

$state.go('路由名',JSON格式的参数);

第二步:在路由主体处理块 $stateProvider 中传递参数的初始化

$stateProvider.state("路由名", {
    params: JSON格式的参数,
    url: '/abc',
    templateUrl: "abc.html",
    ……
})

最后一步:在接收传递参数的控制器中注入 $stateParams,然后进行传递的赋值

app.controller('abcCtrl',function(stateParams){
    this.参数名 = $stateParams.参数名;
});

通过以上的方式就可以完成传递参数的过程。

转载请注明:隨習筆記 » ui-router 中的 $state.go 传递参数