Bootstrap-angolare-ui del carico

Question

Sto usando bootstrap-angular-ui-modal per un sito sto lavorando. Il codice che sto usando per aprire il modal

$modal.open(
    { 
     templateUrl: '/home/template', 
     controller: myCtrl, 
     resolve: { 
      data: function() { 
       return data; 
      } 
     } 
    }); 

Tutto sta funzionando benissimo. Ma ho bisogno di trovare un modo per eseguire del codice dopo modale viene caricato. Ho provato cose diverse ma non riesco a farle funzionare. Alcune delle cose che ho provato

Nel modello ho fatto

<script> 
    document.onload = function() { 
     console.log('opened'); 
    }; 
</script> 

ho trovato anche c'è una promessa per l'oggetto modale angolare di nome openned. Ho provato a

modalInstance.opened.then(function(){console.log('hello')}); 

non funziona neanche. Posso usare qualche aiuto qui.

Answer 1

Questo non è sicuramente una buona soluzione, ma a meno ha funzionato per me. Ho appena aggiunto un timeout prima di eseguire la funzione desiderata,

modalInstance.opened.then(
    $timeout(function() { 
      console.log('hello'); 
     }, delay)); 

Answer 2

UI-bootstraps modale ha una risoluzione result.

"aperto" - una promessa che si risolve quando un modale viene aperto dopo modello di download di contenuto e risolvere tutte le variabili

o

Usa ng-init. Creare un div all'interno del vostro file di modello:

<div ng-init="func()"></div> 

Answer 3

Se hai intenzione di fare qualcosa dopo che il DOM è stato caricato, è meglio fare una cosa del genere all'interno di una direttiva. Vedi qui: http://docs.angularjs.org/guide/directive#creating-a-directive-that-manipulates-the-dom

Si potrebbe segnare il corpo modale (o qualcosa all'interno del modale) con l'attributo direttiva, quindi creare la direttiva in questo modo:

App.directive('myDirective', function($timeout) { 
     function link(scope, element, attrs) { 
      $timeout(function() { 
       // stuff to do after DOM load here 
      }); 
     } 

     return { 
      link: link 
     }; 
    }); 

Answer 4

Since version 0.13.0, c'è una promessa rendered è possibile utilizzare.

rendered(Tipo: promise) - si risolve quando un modale viene reso.

Esempio:

this.modalInstance.rendered.then(function() { 
    console.log("modal is rendered"); 
});