Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--Step 1. Put the required script tags in your HTML-->
- <script src="scripts/angular.min.js"></script>
- <script src="scripts/ui-bootstrap.js"></script>
- <script src="scripts/ui-bootstrap-tpls.min.js"></script>
- <!--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.-->
- <!--Step 2. Put the modal template in your HTML, inside your ng-app div-->
- <div role="main" id="main" class="ui-content scroll" ng-app="myApp">
- <!--MODAL WINDOW for item details -->
- <script type="text/ng-template" id="itemModalContent.html">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="cancel right button" data-dismiss="modal" aria-hidden="true" ng-click="cancel()">
- <i class="fa fa-close"></i>
- </button>
- <span class="item-name">{{item.name}}</span>
- </div>
- <div class="modal-body">
- <p>{{item.description}}</p>
- </div>
- <div class="modal-footer">
- <button type="button" class="button cancel btn-default" data-dismiss="modal" ng-click="cancel()">Cancel</button>
- <button type="button" class="button ok btn-primary" ng-click="ok()">Sign me up</button>
- </div>
- </div>
- </div>
- </script>
- </div>
Add Comment
Please, Sign In to add comment