Transmettre des données à partir d'un Angulaires modale du contrôleur le contrôleur principal

Est ici la chose. Je ne suis pas en mesure de transmettre des données angulaires modal vers le contrôleur où j'en ai besoin. les codes donnés ci-dessous.

Contrôleur de côté

'use strict'
var DataMod = angular.module('Data', ["angularGrid", 'ui.bootstrap.contextMenu', 'ui.bootstrap']);
DataMod.controller('DataController', ['$scope', '$compile', '$uibModal', '$log','$rootScope', '$http', function ($scope, $compile, $uibModal,$log, $rootScope, $http, ngUtilityService) {



//user first clicks on Add button. A modal opens up. ModalInstanceCtrl is the controller used.
$scope.adduser = function () {
var modalInstance = $uibModal.open({
    templateUrl: 'myModalContent.html',
    controller: ModalInstanceCtrl
});
 //response data should be available here.  
};


var ModalInstanceCtrl = function ($scope, $uibModalInstance) {
//ajax call is made is inside this controller and i get a response. 
//this response is an object. i need to pass this object back to the adduser function. mentioned it above. 
};


}
]);

Comme vous pouvez le voir ci-dessus, il est le contrôleur principal. J'ai utilisé un modal à l'intérieur qui dispose de son propre contrôleur. Je fais appel ajax à l'intérieur que les auxiliaires modaux contrôleur et obtenez une réponse en retour.

Je veux que la réponse comme une raison d'être de nouveau disponibles à la commande adduser fonction afin que je puisse travailler avec ces données. Cependant, il semble qu'une fois la commande adduser fonction démarre, il va à la ModalInstanceCtrl et termine son exécution. Il ne marche pas revenir à la adduser fonction. J'ai besoin d'un moyen de revenir à la adduser fonction.

Quelqu'un peut-il me faire savoir comment atteindre cet objectif. Comment passer de l'objet de réponse de ModalInstanceCtrl pour le contrôleur principal à l'intérieur de la commande adduser fonction.

OriginalL'auteur anjali gupte | 2016-03-11

  1. 9

    On dirait que vous êtes à l'aide de l'angle d'Amorçage Modal, oui? Tout d'abord, je voudrais le configurer de sorte que le modal contrôleur est séparé du contrôleur principal. Deuxièmement, il vous manque la promesse nécessaires pour transmettre la réponse de la part modale du contrôleur principal. Vous pouvez lire sur le retour modal exemple dans les docs ici: https://angular-ui.github.io/bootstrap/#/modal

    C'est l'exemple de code à partir de l'angle d'Amorçage plunkr: http://plnkr.co/edit/nGjBtMp33pFDAQ6r7Tew?p=info

    angular.module('ui.bootstrap.demo', ['ngAnimate', 'ui.bootstrap']);
angular.module('ui.bootstrap.demo').controller('ModalDemoCtrl', function ($scope, $uibModal, $log) {
$scope.items = ['item1', 'item2', 'item3'];
$scope.animationsEnabled = true;
$scope.open = function (size) {
var modalInstance = $uibModal.open({
animation: $scope.animationsEnabled,
templateUrl: 'myModalContent.html',
controller: 'ModalInstanceCtrl',
size: size,
resolve: {
items: function () {
return $scope.items;
}
}
});
modalInstance.result.then(function (selectedItem) {
$scope.selected = selectedItem;
}, function () {
$log.info('Modal dismissed at: ' + new Date());
});
};
$scope.toggleAnimation = function () {
$scope.animationsEnabled = !$scope.animationsEnabled;
};
});
//Please note that $uibModalInstance represents a modal window (instance) dependency.
//It is not the same as the $uibModal service used above.
angular.module('ui.bootstrap.demo').controller('ModalInstanceCtrl', function ($scope, $uibModalInstance, items) {
$scope.items = items;
$scope.selected = {
item: $scope.items[0]
};
$scope.ok = function () {
$uibModalInstance.close($scope.selected.item);
};
$scope.cancel = function () {
$uibModalInstance.dismiss('cancel');
};
});
    pouvez-vous joindre le bon plunker lien s'il vous plaît ?
    Mise à jour de réponse avec le nouveau lien
    merci. ça veut dire que modalInstance.résultat.c'est alors le lieu où les auxiliaires modaux de données sera de retour et je peux utiliser ces données pour effectuer d'autres opérations 😕
    Yep, c'est vrai. Dans l'exemple qui est l'endroit où selectedItem est affecté à l'sélectionnez la propriété du contrôleur principal champ d'application et il peut maintenant être manipulés dans le contrôleur principal. $champ d'application.selected = selectedItem;

    OriginalL'auteur Alison