Описание тега angular-bootstrap

Компоненты Bootstrap, написанные на чистом AngularJS командой AngularUI

Зависимости

Этот репозиторий содержит набор собственных директив AngularJS, основанных на разметке Bootstrap и CSS. В результате не требуется зависимости от jQuery или Bootstrap JavaScript. Единственные обязательные зависимости:

• AngularJS (требуется AngularJS 1.2.x, протестировано с 1.2.16)
• Bootstrap CSS (проверено с версией 3.1.1). Эта версия библиотеки (0.11.2) работает только с Bootstrap CSS версии 3.x. 0.8.0 - последняя версия этой библиотеки, которая поддерживает Bootstrap CSS в версии 2.3.x.

Файлы для скачивания

Файлы сборки для всех директив распространяются в нескольких вариантах: минифицированные для использования в производстве, неминифицированные для разработки, с шаблонами или без них. Все варианты описаны и могут быть загружены отсюда.

В качестве альтернативы, если вас интересует только подмножество директив, вы можете создать свою собственную сборку.

Какой бы метод вы ни выбрали, хорошая новость заключается в том, что общий размер загрузки очень мал: <20 КБ для всех директив (~5 КБ при сжатии gzip!)

Установка

Как только вы загрузили все файлы и включили их на свою страницу, вам просто нужно объявить зависимость от модуля ui.bootstrap: angular.module('myModule', ['ui.bootstrap']); Вы можете разветвить один из плункеров на этой странице, чтобы увидеть рабочий пример того, что здесь описано.

CSS

Исходный CSS Bootstrap зависит от пустых атрибутов href для стилизации курсоров для нескольких компонентов (разбиение на страницы, вкладки и т. Д.). Но в AngularJS добавление пустых атрибутов href в теги ссылок приведет к нежелательным изменениям маршрута. Вот почему нам нужно удалить пустые атрибуты href из шаблонов директив, и в результате стилизация применяется неправильно. Решение простое, просто добавьте в свое приложение следующий стиль:

.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }

Домашняя страница: http://angular-ui.github.io/bootstrap/