Angular UI bootstrap - это набор директив AngularJS, основанный на разметке Twitter Bootstrap и CSS.

Цель состоит в том, чтобы предоставить собственные директивы AngularJS без какой-либо зависимости от jQuery или Bootstrap JavaScript. Часто лучше переписать существующий код JavaScript и создать новую, чистую директиву AngularJS. В большинстве случаев результирующая директива меньше по сравнению с размером исходного кода JavaScript и лучше интегрирована в экосистему AngularJS.

Директивы

• Аккордеан
• Предупреждение
• Кнопки
• Карусель
• Свернуть
• Dateparser
• Datepicker
• Всплывающее окно Datepicker
• Падать
• Модальный
• Пейджер
• Пагинация
• Трещать
• Должность
• Индикатор
• Рейтинги
• Вкладки
• Timepicker
• Подсказка
• Typeahead

Стартовый пакет фрагментов стека

HTML:

<link href="//unpkg.com/bootstrap@3/dist/css/bootstrap.css" rel="stylesheet">
<script src="//unpkg.com/angular/angular.js"></script>
<script src="//unpkg.com/angular-ui-bootstrap/dist/ui-bootstrap-tpls.js"></script>

<div ng-app="ui.bootstrap.module" >
  <div ng-controller="ui.bootstrap.ctrl">

    <span uib-tooltip="{{ToolTipText}}" tooltip-placement="bottom" >
      Hover for Tooltip
    </span>

  </div>
</div>

JavaScript:

angular.module('ui.bootstrap.module', ['ui.bootstrap'])
.controller('ui.bootstrap.ctrl', function ($scope) {
  $scope.ToolTipText = "Hello, World!";
})

Связанные теги

• angular-strap AngularStrap легкий и быстрый. Он был создан с нуля, чтобы использовать ngAnimate!

Связанные библиотеки

• UI-Bootstrap 4 Компоненты начальной загрузки, написанные на чистом AngularJS командой AngularUI. Портировано на Bootstrap 4 пользователем Morgul