如何使用角度打开模态（没有ui bootstrap）？

Question

我一直试图让模态出现，但多次尝试后都没能这样做。

以下是模态的代码：

<?php

我想要做的是如果在控制器的<!-- Login modal --> <div class="modal fade" id="login_2" tabindex="-1" role="dialog" aria-labelledby="myLogin" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content modal-popup"> <a href="#" class="close-link"><i class="icon_close_alt2"></i></a> <form action="#" class="popup-form" id="myLogin"> <div class="login_icon"><i class="icon_lock_alt"></i></div> <input type="text" class="form-control form-white" placeholder="Username"> <input type="text" class="form-control form-white" placeholder="Password"> <div class="text-left"> <a href="#">Forgot Password?</a> </div> <button type="submit" class="btn btn-submit">Submit</button> </form> </div> </div> </div><!-- End modal --> 中设置了某个变量，则自动加载此模态。否则，它应该保持隐藏状态。我试过了$stateParams没有成功

Answer 1

使用ng-show link to documentation。

你可以做类似的事情：

<div class="modal fade" ng-show="showMyModal" ...

用于控制它的复选框（但你可以做任何事情）

<input type="checkbox" ng-model="showMyModal">

请记住，您可以使用ngAnimate为ngShow设置动画。

Answer 2

如果您打开使用现有库（不是自举），我建议使用ngDialog。您可以使用自定义HTML模板和样式，它只是用于创建模态。

Answer 3

就像这样切换它。

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