Question

我正在尝试显示角度UI模态引导程序的简单视图（不使用javascript）。我的代码有什么问题？

<link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"> 
<script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-1.3.1.js"></script>

<a id="myModal" href="#myModal" role="button" data-toggle="modal" class="btn btn-default">Download csv</a>

<div id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" class="modal fade">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" data-dismiss="modal" aria-hidden="true" class="close">×</button>
        <h3 id="myModalLabel">Download</h3>
      </div>
      <div class="modal-body">
        <p>Click here to download .csv file</p>
      </div>
      <div class="modal-footer">
        <button data-dismiss="modal" aria-hidden="true" class="btn">Close</button>
        <button class="btn btn-primary">Download</button>
      </div>
    </div>
  </div>
</div>

编辑：刚试过添加其他bootstrap.js和jquery。还是行不通。在jsfiddle上确认（没有UI角度引导程序）

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js,
https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js

UI Bootstrap Angular Modal未显示

0 个答案: