Actualmente estoy usando angular-ui-bootstrap $ modal para mostrar un cuadro de diálogo que permite al usuario buscar y elegir un archivo. La lista de archivos proviene de box.com, por lo que utilizo el cuadro API para buscar archivos y generar una miniatura para mostrar al lado de cada archivo en el resultado de la búsqueda.

La generación de miniaturas es bastante lenta y el usuario debe llamar a este cuadro de diálogo de búsqueda varias veces en la misma página. Por lo tanto, sería útil para el usuario si el cuadro de diálogo de búsqueda contiene los resultados de búsqueda anteriores cuando se vuelve a abrir.

La pregunta es ¿cómo puedo reutilizar (es decir, mostrar / ocultar) la misma instancia modal? Angular-ui parece destruir / recrear el diálogo cada vez. Lo mismo con correa angular.

Editar

Aquí hay unPlunkr:

var app = angular.module('plunker', ['ui.bootstrap']);
var ModalDemoCtrl = function($scope, $modal, $log) {

  $scope.open = function() {

    var modalInstance = $modal.open({
      templateUrl: 'myModalContent.html',
      controller: ModalInstanceCtrl,

    });

    modalInstance.result.then(function() {
      $log.info('Modal closed at: ' + new Date());
    }, function() {
      $log.info('Modal dismissed at: ' + new Date());
    });
  };
};

// Please note that $modalInstance represents a modal window (instance) dependency.
// It is not the same as the $modal service used above.

var ModalInstanceCtrl = function($scope, $modalInstance) {

  $scope.friends = [{
    name: 'John',
    phone: '555-1276'
  }, {
    name: 'Mary',
    phone: '800-BIG-MARY'
  }, {
    name: 'Mike',
    phone: '555-4321'
  }, {
    name: 'Adam',
    phone: '555-5678'
  }, {
    name: 'Julie',
    phone: '555-8765'
  }, {
    name: 'Juliette',
    phone: '555-5678'
  }];

  $scope.ok = function() {
    $modalInstance.close('close');
  };

  $scope.cancel = function() {
    $modalInstance.dismiss('cancel');
  };

};