Come posso triggersre un modal Bootstrap al livello di programmazione?

Se vado qui

http://getbootstrap.com/2.3.2/javascript.html#modals

E fai clic su “Avvia demo modal” fa la cosa prevista. Sto usando la modale come parte del mio processo di registrazione e c’è una convalida sul lato server coinvolta. Se ci sono problemi, desidero redirect l’utente alla stessa modal con i miei messaggi di convalida visualizzati. Al momento non riesco a capire come ottenere la modale da visualizzare diversa da un clic fisico da parte dell’utente. Come posso avviare il modello a livello di programmazione?

Per mostrare manualmente il pop-up modale devi farlo

$('#myModal').modal('show'); 

In precedenza è necessario inizializzarlo con show: false quindi non verrà mostrato fino a quando non lo farai manualmente.

 $('#myModal').modal({ show: false}) 

Dove myModal è il nome del contenitore modale.

Non dovresti scrivere data-toggle = “modal” nell’elemento che ha triggersto il modale (come un pulsante), e puoi mostrare manualmente la modale con:

 $('#myModal').modal('show'); 

e nascondi con:

 $('#myModal').modal('hide'); 

Se stai cercando una creazione modale programmatica, potresti amare questo:

http://nakupanda.github.io/bootstrap3-dialog/

Anche se il modal di Bootstrap fornisce un modo javascript per la creazione modale, è comunque necessario scrivere prima i markup html di modal.

HTML

     

JS

 $('button').click(function(){ $('#myModal').modal('show'); }); 

DEMO JSFIDDLE

puoi mostrare il modello tramite jquery (javascript)

 $('#yourModalID').modal({ show: true }) 

Demo: qui

oppure puoi semplicemente rimuovere la class “nascondi”

  

Volevo farlo in modo angular (2/4) , ecco cosa ho fatto:

 ` 

Cose importanti da notare :

  • visible è una variabile (booleana) nel componente che governa la visibilità del modale.
  • show e in sono le classi di bootstrap.