angularjs弹出框方法一 – sinat_36146776的博客 – CSDN博客

触发事件:取消申请 × 模态框(Modal)标题 –> 确定 关闭

来源: angularjs弹出框方法一 – sinat_36146776的博客 – CSDN博客

触发事件:用id控制

  1. <button class=“btn-cancel” data-toggle=“modal” data-target=“#myModal”>取消申请</button>
  1. <!– 模态框(Modal) –>
  2. <div class=“modal fade” id=“myModal” tabindex=“-1” role=“dialog” aria-labelledby=“myModalLabel” aria-hidden=“true”>
  3.     <div class=“modal-dialog”>
  4.         <div class=“modal-content”>
  5.             <div class=“modal-header”>
  6.                 <!– 关闭按钮 –>
  7.                 <button type=“button” class=“close” data-dismiss=“modal” aria-hidden=“true”>
  8.                     ×
  9.                 </button>
  10.                 <!– 标题 –>
  11.                 <h3 class=“modal-title” data-ng-bind=‘results.title’></h3>
  12.                 <!– <h4 class=“modal-title” id=“myModalLabel”>
  13.                     模态框(Modal)标题
  14.                 </h4> —>
  15.             </div>
  16.             <div class=“modal-body”>
  17.                 <b data-ng-bind=‘results.message’></b>
  18.             </div>
  19.             <div class=“modal-footer”>
  20.                 <button type=“button” class=“btn btn-primary” data-ng-click=“ok()”>确定</button>
  21.                 <button type=“button” class=“btn btn-default” data-dismiss=“modal”>关闭</button>
  22.             </div>
  23.         </div><!– /.modal-content –>
  24.     </div><!– /.modal –>
  25. </div>
分享到: 更多 (0)