如何使用angular（没有ui引导程序）打开模态？

Question

我一直在尝试使模态出现，但是在多次尝试后都没有这样做。

这是模态的代码：

<!-- 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中设置了某个变量，则会自动加载此模式。 否则，它应保持隐藏状态。 我尝试了angular.element('login_2').modal()但没有成功

Answer 1

使用ng-show 链接到documentation 。

您可以进行如下操作：

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

还有一个用于控制它的复选框（但是您可以做任何事情）

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

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

Answer 2

如果您愿意使用现有的库（不是ui bootstrap），则建议使用ngDialog 。 您可以使用自定义HTML模板和样式，它仅用于创建模式。

Answer 3

只需像这样切换即可。

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