2017-05-18 5 views
0

J'utilise Bootstrap Modal dans mon application angulaire. J'ai une zone de texte et au clic, le modal s'ouvre. Voir le code ci-dessous.Quitter Bootstrap Modal avec ng-si

<textarea class="form-control" data-toggle="modal" data-target="#myModal" id="msg" 
type="text" class="form-control" name="msg"></textarea></form> 

<div id="myModal" class="modal fade" role="dialog"> 
<div class="modal-dialog"> 
... 

J'ai une variable "node1" qui est définie sur false. quand cette variable est vraie, je veux que le modal se ferme. J'ai essayé

<span ng-if='node1' data-dismiss="modal"></span> 

mais cela ne fonctionne pas. Le modal se ferme seulement si j'utilise les données - rejeter sur un bouton. Merci d'avance!

+0

Quand voulez-vous cacher ou rejeter le modal? Je veux dire sur quelle action? – CrazyMac

+0

Un suivi sur le commentaire de @ CrazyMac, quelle action met 'node1' à true? –

+0

@CrazyMac J'utilise angular-tree-control, quand un noeud est sélectionné Je veux que le modal se ferme ellier7

Répondre

1

Vous pouvez regarder la variable node1 puis fermez modal si son changement de valeur true

$scope.$watch('node1', function() { 
    if(node1){ 
     //close the modal here 
    } 
});