AngularJS-如何在 ng-click() 上将数据从一个控制器传递到另一个控制器? [英] AngularJS- How to pass data from one controller to another on ng-click()?
问题描述
所以我试图在一个点击事件上在两个控制器之间共享数据.我的代码如下:
So I am trying to share data between two controllers on an on-click event. My code is as follows:
控制器
function userTypeController($scope, $location, CategoryService) {
let vm=this;
vm.getCat=function(){
CategoryService.getCategories() .then(function (response)
{
$scope.categories=response.data.data.categories;
$scope.index = 0;
$scope.array = [];
for(var i=0; i<$scope.categories.length/2;i++)
$scope.array.push(i);
});
$location.path('/category');
};
};
在我的 html 中为该控制器说,我有一个调用 getCat 函数的按钮.
Say in my html for that controller, I have a button that calls the getCat function.
<md-button md-whiteframe="8" ng-click="utCtrl.getCat()">Submit<md-button>
在我的类别服务中,我有一个返回类别列表的函数.
In my category service , I have a function that returns a list of categories.
服务
return {
getCategories: function () {
return $http.get(url2);
}
现在我希望我从服务器获得的类别数组可以在我的类别控制器中访问.我之前使用 $rootScope 将日期从用户类型控制器共享到另一个控制器,但这不是理想的做法.我希望在我的类别控制器中可以访问 $scope.array 以便我可以在其视图中显示它.什么是最好的方法来做到这一点.非常感谢!
Now i want the array of categories that I get from the server to be accessible in my Categories controller. I was using $rootScope before to share the date from usertype controller to the other one but its not the ideal thing to do. I want $scope.array to be accessible in my categories controller so i can display that in its view. What would be the best way to do this. Thanks a lot!
推荐答案
在这种情况下,您应该考虑使用服务在您的控制器之间共享数据.
You should consider using a service in this case to share the data across your controllers.
SharedService.js
app.service('sharedService', function(){
var categories = [];
names.add = function(incategories){
categories = incategories;
};
names.get = function(){
return categories;
};
});
然后注入您的控制器 1 和控制器 2 并根据您的要求使用.
then inject in your controller1 and controller2 and use depending on your requirement.
app.controller("TestCtrl",
function($scope,sharedService) {
$scope.categories =[];
$scope.save= function(){
sharedService.add(yourcat);
}
}
);
然后将其用作,
app.controller("TestCtrl2",
function($scope,sharedService) {
$scope.getcategories = function(){
$scope.categories = sharedService.get();
}
}
);
这篇关于AngularJS-如何在 ng-click() 上将数据从一个控制器传递到另一个控制器?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!