angularjs – transmission de données entre contrôleurs

Je construis une application angular à l’aide de modaux et j’aimerais passer des données entre mes contrôleurs pour alimenter ma vue modale.

Mon contrôleur principal est JobListCtrl et callReportModalData est déclenché lorsque je clique sur le lien censé appeler le modal. J’utilise le service reportJobModalData pour stocker les données et les transmettre entre les contrôleurs.

var myApp = angular.module('myApp', []); myApp.controller('JobListCtrl', ['$scope', '$element', '$http', '$log', 'reportJobModalData', function ($scope, $element, $http, $log, reportJobModalData) { $scope.reportJobModalData = reportJobModalData; $scope.callReportModal = function(test){ reportJobModalData.test = test; } }]); myApp.service('reportJobModalData', function(){ this.test = ''; }); 

Mon contrôleur modal et ma directive sont définis comme suit:

 myApp.controller('reportJobCtrl', function ($rootScope, $scope, $http, $log, reportJobModalData) { $scope.$log = $log; $scope.reportJobModalData = reportJobModalData; $scope.test = reportJobModalData.test; $log.info('test: ' + reportJobModalData.test); }); myApp.directive('sjReportJobModal', ['$rootScope', '$log', '$http', 'reportJobModalData', function ($rootScope, $log, $http, reportJobModalData) { return { ressortingct: 'E', templateUrl: 'report-job-modal-tpl', replace: true, transclude: true, link: function (scope) { } }; }]); 

et le modèle que j’utilise est celui-ci:

• Comment conserver les valeurs lors de la navigation sur les pages à l’aide du composant de routage angular 1.5
• Méthode Web d’appel AngularJS
• Comment définir l’atsortingbut body dans css en utilisant angularjs?
• Comment obtenir des liaisons AngularJS avec une boîte de dialog Fancybox?
• Exécuter une fonction après que tous les partiels (ng-includes) soient chargés

 
 
 
 {{ reportJobModalData.test }} 
 
 
  

Ici, les données sont correctement imprimées sur le modal. Cependant, je ne peux pas accéder aux données du contrôleur, c’est-à-dire que $ scope.test est vide car je ne reçois que «test:» enregistré sur la console.

Qu’est-ce que je fais mal?

Merci beaucoup pour votre aide

• s: case à cocher fieldValue toujours à la validation avant la soumission
• Ajouter de la valeur au tableau enfant JSON de manière dynamic?
• bootstrab 3 datepicker ne fonctionne pas lors de l’access côté serveur via le contrôleur en utilisant la directive de compilation dans angularjs
• Police de style pour le champ de saisie (Angularjs)
• Mon application Angular JS fonctionne dans le navigateur du bureau, mais pas dans un navigateur mobile.

 $scope.$watch(function(){ return reportJobModalData.test}, function(new,old){ $scope.test=new; });