=====Установка bootstrap в angularjs===== ====Файлы для скачивания==== Файлы сборки для всех директив распространяются в нескольких вариантах: минимизированы для производственного использования, не минифицированы для разработки, с шаблонами или без них. Все параметры описаны и могут быть [[https://github.com/angular-ui/bootstrap/tree/gh-pages|загружены здесь]]. Следует отметить, что файлы -tpls содержат шаблоны, связанные с JavaScript, в то время как обычная версия не содержит связанные шаблоны. Для получения дополнительной информации, ознакомьтесь с FAQ [[https://github.com/angular-ui/bootstrap/wiki/FAQ#full-explanation|здесь ]]и [[https://github.com/angular-ui/bootstrap/tree/gh-pages#build-files|README здесь]].\\ \\ ====Установка==== Как только вы загрузите все файлы и включите их в свою страницу, вам просто нужно объявить зависимость от модуля ui.bootstrap: angular.module('myModule', ['ui.bootstrap']); Если вы используете UT Bootstrap в режиме CSP, например, в расширении убедитесь, что вы вручную ссылаетесь на **ui-bootstrap-csp.css** в своем HTML.\\ ====css==== CSS оригинального Bootstrap зависит от пустых атрибутов href для стилизации курсоров в нескольких компонентов (пагинация, вкладки и т. Д.). Но в AngularJS добавление пустых атрибутов href в теги ссылок вызовет нежелательные изменения роутера. Вот почему нам нужно удалить пустые атрибуты href из шаблонов директив, и в результате стили не применяются правильно. Решение простое, просто добавьте следующий стиль в ваше приложение: .nav, .pagination, .carousel, .panel-title a { cursor: pointer; } ====Чтение документации==== Каждый из компонентов, представленных в ui-bootstrap, имеет документацию и интерактивные примеры Plunker. Для директив мы перечисляем различные атрибуты с их значениями по умолчанию. Кроме того, на некоторых настройках есть значок: - - К этому параметру применяется угловой слушатель $watch. - B - Этот параметр является логическим. Это не нуждается в параметре. - C - Этот параметр можно настроить глобально в постоянном сервисе *. - $ - Этот параметр ожидает выражение вместо литеральной строки. Если выражение поддерживает boolean/integer, вы можете передать его напрямую. - readonly - этот параметр доступен только для чтения.