如何打开一个模式引导程序

Question

我是一个新的角度js。我正在使用模态，并使用本教程http://getbootstrap.com/2.3.2/javascript.html#modals和这个视频https://www.youtube.com/watch?v=7QIfjLqr1-4不幸的是，它不适合我。这是我的代码：

<div uib-dropdown keyboard-nav> 
       <ul class="dropdown-menu positionFix" uib-dropdown-menu role="menu"> 
        <li role="menuitem"><a href="#" data-toggle="modal" data-target="#myModal">My account</a></li> 
        <li role="menuitem"><a href="#" ng-click="">Notification</a></li> 
        <li role="menuitem"><a href="javascript:void(0);" ng-click="logout()">Sign out</a></li> 
       </ul> 


    </div> 

    <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
         <div class="modal-dialog" > 
           <div class="modal-content"> 
            <div class="modal-header"> 
              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
              <h4 class="modal-title">Modal title</h4> 
             </div> 
             <div class="modal-body"> 
              <p>One fine body&hellip;</p> 
             </div> 
           <div class="modal-footer"> 
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
            <button type="button" class="btn btn-primary">Save changes</button> 
           </div> 
         </div><!-- /.modal-content --> 
        </div><!-- /.modal-dialog --> 
    </div><!-- /.modal --> 

Answer 1

如果您计划在结合使用Angular.js与引导，我会建议使用UI Bootstrap。它涵盖了你需要的大部分Angular.js和Bootstrap之间的集成。他们甚至提供启动Modals的指令和服务。

查看Modal节。