Guest User

Untitled

a guest
Apr 21st, 2018
72
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.67 KB | None | 0 0
  1. <!--Step 1. Put the required script tags in your HTML-->
  2.  
  3. <script src="scripts/angular.min.js"></script>
  4. <script src="scripts/ui-bootstrap.js"></script>
  5. <script src="scripts/ui-bootstrap-tpls.min.js"></script>
  6.  
  7. <!--angular.min.js is the main Angular library; ui-bootstrap.js is the Angular UI bootstrap library; ui-bootstrap-tpls.min.js is the Angular templating script to make the modal template display properly.-->
  8.  
  9. <!--Step 2. Put the modal template in your HTML, inside your ng-app div-->
  10.  
  11. <div role="main" id="main" class="ui-content scroll" ng-app="myApp">
  12. <!--MODAL WINDOW for item details -->
  13. <script type="text/ng-template" id="itemModalContent.html">
  14. <div class="modal-dialog">
  15. <div class="modal-content">
  16. <div class="modal-header">
  17. <button type="button" class="cancel right button" data-dismiss="modal" aria-hidden="true" ng-click="cancel()">
  18. <i class="fa fa-close"></i>
  19. </button>
  20. <span class="item-name">{{item.name}}</span>
  21. </div>
  22. <div class="modal-body">
  23. <p>{{item.description}}</p>
  24. </div>
  25. <div class="modal-footer">
  26. <button type="button" class="button cancel btn-default" data-dismiss="modal" ng-click="cancel()">Cancel</button>
  27. <button type="button" class="button ok btn-primary" ng-click="ok()">Sign me up</button>
  28. </div>
  29. </div>
  30. </div>
  31. </script>
  32. </div>
Add Comment
Please, Sign In to add comment