Menu
my aim is to send some data from an angular controller to another.
Here is the controller who has to send the datas :
myApp.controller('MapCtrl', ['$scope', '$http', function ($scope, $http) {
$scope.loadData = function () {
$http.get('/map/GetListDB').success(function (data, status, headers, config) {
//Logic here is working fine, it creates a table named "ExcelCols" which is a table of strings
$scope.$broadcast("SET_EXCEL_TITLES", $scope.ExcelCols);
})
}
}]);
Here is the second controller
myApp.controller('ExcelViewCtrl', ['$scope', '$http', function($scope, $http) {
$scope.$on("SET_EXCEL_TITLES", function (event, excelCols) {
//this event is never fired
$scope.ExcelCols = excelCols;
});
}]);
My view is designed that way :
<body ng-app="myApp">
<div ng-controller="MapCtrl">
//everything OK here
</div>
<div ng-controller="ExcelViewCtrl">
<table>
<thead>
<tr>
<th ng-repeat="col in ExcelCols">{{col}}</th>
</tr>
</thead>
</table>
</div>
</body>
219
I think you need to use $rootScope instead for $scope.$broadcast. See good example in JSFiddle
73
Depending upon how the controllers are structured w.r.t to $broadcast message would be routed.
As per documentation
Dispatches an event name downwards to all child scopes (and their children) notifying the registered ng.$rootScope.Scope#$on listeners.
This means the controller that is sending the broadcast should be defined on the parent html of the child controller html.
Based on your html structure, use $rootScope.$broadcast. Inject the $rootScope into the MapCtrl and call $broadcast method on it.
40
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
