UIBootatrap:是由AngularJS UI团队编写的纯AngularJS实现的Bootstrap组件

时间:2023-12-22 18:48:14

本文为翻译文档。原文是https://angular-ui.github.io/bootstrap/(需要*)。

准备工作:

依赖关系:这个库中包含一组基于Bootstrap组件和CSS的原生AngularJS指令。致使UIBootstrap是不依赖jQuery和Bootstrap的js文件的。这仅仅需要依赖着:

  • AngularJS
  • Bootstrap CSS

文件的下载可以从官网中下载。

安装

只要你有所有文件下载并包含在你的页面中,你只需要在ui.bootstrap模块中申请依赖关系。

angular.module('myModule',['ui.bootstrap']);

你可以从这个页面中看到这里描述的工作示例。

CSS

最初引导的CSS取决于空href属性,来为几个组件添加样式游标(分页,标签等),但是在AngularJS中添加空的href属性将会导致不必要的路线的更改。这就是为什么我们需要从指示结果模板和样式不正确的应用中删除空的href链接。解决办法很简单,只要将下面的样式添加到你的应用程序中:

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

Accordion

Alert

Buttons

Carousel

Collapse

Datepicker

Dropdown

Modal

Pagination

Popover

Progressbar

Rating

Tabs

Timepicker

Tooltip

Typeahead