angulaire modal pas de clôture ($uibModal )

angular
.module('angProj')
.controller('UserCtrl',
    ['$scope', '$uibModal',
        function ($scope, $uibModal) {

            $scope.results = function (content, completed) {
                var modalInstance = $uibModal.open({
                        backdrop: 'static',
                        keyboard: false,
                        animation: $scope.animationsEnabled,
                        templateUrl: '/Scripts/angularApp/views/user-modal.html',
                        controller: 'UserModalCtrl',
                        resolve: {
                            items: function () {
                                return $scope.items;
                            }
                        }
                    });

                if (!completed || content.length === 0) {
                    return;
                }

        modalInstance.close();
        modalInstance.dismiss('cancel');

Je ne suis pas en mesure de fermer le modèle de l'utilisateur ajouter l'achèvement.. de l'utilisateur-modale je suis en train de montrer la barre de progression.. le code fonctionne très bien sans erreur, mais le modal reste ouverte. J'ai aussi essayé $uibModalInstance mais le contrôleur déclenche une erreur: inconnu fournisseur (pas en mesure d'injecter $uibModalInstance sur le même UserCtrl)
Je suis l'injection de l'interface utilisateur.bootstrap (ui-bootstrap-tpls-1.1.2.js)

Merci pour votre temps.

Vous devez fermer la modale de votre modal contrôleur controller: 'UserModalCtrl' et injecter $uibModalInstance il
Je suis en train de faire tht ...j'ai un bouton annuler et de ses fermer la modale à partir de là ...mais sur le processus d'achèvement je veux le modal pour fermer automatiquement..sans aucune interaction de l'utilisateur (comme le bouton annuler de la souris)
vous devez utiliser $uibModalInstance sur le mode de contrôleur (UserModalCtrl dans votre cas)...

OriginalL'auteur Scorpio | 2016-02-03

  1. 5

    Utilisation modalInstance.close() à l'intérieur de votre UserModalCtrl contrôleur

    app.controller('UserModalCtrl', ['$scope', '$modalInstance' function($scope ,modalInstance {
  $scope.close = function () {
   modalInstance.close();
  };
}]);
    thts fonctionne bien mais je veux fermer une fois cette condition if (!terminé || contenu.longueur === 0)

    OriginalL'auteur Rock

  2. 0

    J'ai fait quelque chose de similaire, je pense.

    J'ai un $modal contrôleur qui ressemble à ce

    angular.module('myApp').controller('infoCtrl', function ($scope, $uibModalInstance, loading) {

  $scope.editable = loading;

  $scope.$watch('editable.status', function(newValue, oldValue) {
    if (newValue == 'success'){
        //close modal
        $uibModalInstance.close('ok');
    } else if (newValue == 'error') {
        //show error message
    } 
  });
});

    La injecté loading est un service qui ressemble à ce

    myApp.factory('loading', function() {
  return {
    status: ''
  }
});

    Et quand je change le statut de mon chargement de service à la "réussite" (à partir de n'importe où, pas le modal contrôleur) le modal est fermé.

    Je ne sais pas si c'est exactement ce que vous demandez, mais j'espère que cela aide, aussi, il suffit de demander si quelque chose n'est pas claire!

    EDIT: Donc, disons que vous avez un service avec une valeur isCompleted: false, injecter de ce service dans votre modale du contrôleur et de l'utilisation de la $watch fonction, puis lorsque que isCompleted est changé à true, vous fermer la modale.

    OriginalL'auteur klskl