angular不同页面传参数的问题

大佬教程收集整理的这篇文章主要介绍了angular不同页面传参数的问题，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

一. 基于ui-router的@L_197_0@跳转传参

(1) 在AngularJS的app.js中用ui-router定义路由，比如现在有两个@L_197_0@，一个@L_197_0@（producers1.html）放置了多个producers，点击其中一个目标，@L_197_0@跳转到对应的producer@L_197_0@，同时将producerId这个参数传过去。

.state('producers',{
    url: '/producers',templateUrl: 'views/producers1.html',controller: 'ProducersCtrl'
})
.state('producer',{
    url: '/producer/:producerId',templateUrl: 'views/producer2.html',controller: 'ProducerCtrl'
})

(2) 在producers.html中，定义点击事件，比如ng-click="toProducer(producerId)"，在Producers1Ctrl中，定义@L_197_0@跳转函数 (使用ui-router的$state.go接口)：

app.controller('Producers1Ctrl',function ($scope,$statE) {
    $scope.toProducer = function (producerId) {
        $state.go('producer',{producerId: producerID});
    };
});

(3) 在Producer2Ctrl中，通过ui-router的$stateParams获取参数producerId：

app.controller('Producer2Ctrl',$state,$stateParams) {
   var producerId = $stateParams.params.producerId;    
    //$state,$stateParams要配合使用，都要注入第二个@L_197_0@的控制器中
});

二.自定义个myApp.factory('dataservice',function(){ }); 然后在controller注入就可以互相传值了，网页的说法，参考而已，未仔细研究。

当然，传值方式还有多种，比如还有$rootScope，sessionStorage等。。

大佬总结

以上是大佬教程为你收集整理的angular不同页面传参数的问题全部内容，希望文章能够帮你解决angular不同页面传参数的问题所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。