使用ng-if解除Bootstrap模式

Question

我在角应用程序中使用Bootstrap Modal。我有一个文本区域，点击后，模态打开。请参阅下面的代码。

<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">
...

我有一个变量＆＃34; node1＆＃34;设置为false。当这个变量为真时，我希望模态关闭。我试过了

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

但它不起作用。如果我在按钮上使用data-dismiss，则模式仅关闭。提前谢谢！

Answer 1

您可以观察node1变量，然后关闭模式，如果其值更改为true

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