Get started with angular-ui-bootstrap CDN

MIT licensed

AngularUI Bootstrap is a collection of AngularJS directives that provide a Bootstrap interface.

Tags:
  • angularjs
  • angular
  • bootstrap
  • ui

Stable version

Copied!

How to start using angular-ui-bootstrap CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with angular-ui-bootstrap CDN - cdnhub.io</title>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular.min.js"></script>
  <script src="https://cdn.cdnhub.io/angular-ui-bootstrap/2.5.6/ui-bootstrap.js"></script>
  <script src="app.js"></script>
  <link rel="stylesheet" href="https://cdn.cdnhub.io/angular-ui-bootstrap/2.5.6/css/ui-bootstrap.min.css" type="text/css" />
</head>
<body ng-app="myApp">
  <div ng-controller="MyController">
    <button type="button" ng-click="open()">Open Modal</button>
    <ui-modal-wait title="Please wait..." waiting-class="custom-loading-class" template-url="modal.html"></ui-modal-wait>
    <ui-modal template-url="modal.html" size="sm" class="modal-small" id="myModal" backdrop="static" animation="am-slide-left" hide-backdrop="false" on-open="onOpen()" on-close="onClose()">
      <div class="modal-header">
        <h3 class="modal-title">Modal Title</h3>
      </div>
      <div class="modal-body">
        <p>Modal body content goes here.</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" ng-click="ok()">OK</button>
        <button type="button" class="btn btn-default" ng-click="cancel()">Cancel</button>
      </div>
    </ui-modal>
  </div>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions