UI Bootstrap Angular Modal Not showing -
i'm trying show simple view of angular ui modal bootstrap (no javascript being used). problem code?
<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 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>
edit: tried adding other bootstrap.js , jquery. still not working. confirmed on jsfiddle (without ui angular bootstrap)
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
Comments
Post a Comment