NG Bootstrap

基于 Angular 的 Bootstrap CSS 框架指令集 NG Bootstrap

MIT
TypeScript
跨平台
2017-08-18
Aurelito

NG Bootstrap 是基于 Angular(非 Angular.js)开发的 Bootstrap CSS 框架的指令集。

ng-bootstrap logo

原生开发

专为Bootstrap 4 开发的Angular组件,开发了符合Angular生态系统的API,没有使用任何第三方Javascript库来实现,全都是纯粹的原生Javascript。

Boostrap的JS插件

支持全部Boostrap自带的Javascript插件(carouselmodal,popoverstooltipstabs, ...)以及一些可选的小工具(datepickerratingtimepicker,typeahead)。

高质量

大部分代码已经过严格的测试(覆盖率接近100%),并且所有的更新都经过review了。

高可访问性

所有的JS插件都具有极高的可访问性。我们合理使用HTML元素以及全部要求加上aria属性。

团队

我们创造了angular-ui/bootstrap并且花了数年时间开发了原生的Boostrap的JS插件。很多团队成员都是Angular的核心贡献者。

社区

我们会不断Angular和Boostrap的开发做出贡献,以此来回馈开源社区。我们也在Stack Overflow上对我们的用户提供技术支持。

的码云指数为
超过 的项目
加载中

评论(6)

Aurelito
Aurelito
ng-boostrap 1.0.0 正式版已发布
hantsy
hantsy
Bootstrap 的 Angular 集成成灾了,太多了。
星辰大海88
星辰大海88
吃藕丑
renwofei423
renwofei423
觉得丑可以买国外的主题,都提供了Angular+Bootstrap的源码
阳光满地
阳光满地
为什么我觉得那些demo好丑啊。那些线,图标那么粗!
kelson
kelson
不错,希望angular各版本之间兼容性要做好点,不要更新版本后周边生态的组建都要大变动。

NG Bootstrap 4.2.1 发布,Bootstrap 的 Angular 集成

NG Bootstrap 4.2.1 已发布,NG Bootstrap 是基于 Angular 开发的 Bootstrap CSS 框架的指令集,它是专为 Bootstrap 4 开发的 Angular 组件,由 ui-bootstrap 团队构建。 新版本是个小更新,...

2019/06/05 06:48

NG Bootstrap 4.2.0 发布,Bootstrap 的 Angular 集成

NG Bootstrap 4.2.0 已发布,NG Bootstrap 是基于 Angular 开发的 Bootstrap CSS 框架的指令集,它是专为 Bootstrap 4 开发的 Angular 组件,由 ui-bootstrap 团队构建。 新版本更新内容: ...

2019/05/31 07:08

ng-bootstrap 4.0.1 发布, 一个Angular UI Bootstrap库

ng-bootstrap是一个angular UI Bootstrap库,里面包含了一些基本的UI组件(日期选择组件,按钮,下拉框等)。目前团队正在使用 TypeScript 和 Bootstrap 4.0作为框架。 目前更新到 4.0.1 版本...

2018/12/19 07:42

NG Bootstrap 3.3.0 发布,Bootstrap 的 Angular 集成

NG Bootstrap 3.3.0 已发布,NG Bootstrap 是基于 Angular 开发的 Bootstrap CSS 框架的指令集,它是专为 Bootstrap 4 开发的 Angular 组件,由 ui-bootstrap 团队构建。 Bug Fixes accordio...

2018/10/06 07:25

NG Bootstrap 3.0.0 发布,Bootstrap 的 Angular 集成

NG Bootstrap 3.0.0 已发布,NG Bootstrap 是基于 Angular 开发的 Bootstrap CSS 框架的指令集,它是专为 Bootstrap 4 开发的 Angular 组件,由 ui-bootstrap 团队构建。 重要更改: 1、ng-...

2018/08/14 07:51

没有更多内容

加载失败,请刷新页面

没有更多内容

暂无问答

Ng-Matero V9 正式发布!

距离 Ng-Matero 第一版发布已经过去了半年多,该项目获得了越来越多的关注及喜爱,甚至得到了外国友人的赞助。借此项目也认识了很多对 Angular 和 Material 感兴趣的朋友,如今对项目的维护已...

2019/04/10 10:10
8
0
ng-bootstrap 组件集中 tabset 组件的实现分析

ng-bootstrap: tabset 本文介绍了 ng-bootstrap 项目中,tabset 的实现分析。 使用方式 <ngb-tabset> 作为容器元素,其中的每个页签以一个 <ngb-tab> 元素定义,在 <ngb-tabset> 中包含若干个...

2019/04/10 10:10
18
0
angular-ui-bootstrap (1)

###初探 ####入门, 创建项目,新建一个页面,命名为demo1.html,然后引入bootstrap,引入angular,再引入angular-ui-bootstrap。具体引入内容如下所示: 这边我使用的是cdn引入,当然你也可以...

2016/12/28 10:40
228
0
Angular.js与Bootstrap相结合实现表格分页代码

先给大家简单介绍angular.js和bootstrap基本概念。 AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。 AngularJS 通过 指令 扩展了 HTML,且通过 表达式 绑定数据...

2018/03/09 17:11
0
0
angular引入bootstrap和jquery

1. npm install -g @angular/cli 2. 新建项目 ng new my-app 3. 定位至项目路径下 cd my-app 4. 启动项目 ng serve --open 浏览器http://localhost:4200/看到vue主页说明项目启动成功 5. 安装...

2019/10/22 14:11
19
0
angular模板加载 ----ng-template

Angularjs作为mvc(或者说mvvm)框架,同样具备模板这一基本概念。 NG加载模板的顺序为 内存加载---AJAX加载。 内存加载 如果之前使用过Bootstrap 插件的ng版,即angular-ui,就会了解到这种方...

2018/08/25 17:01
14
0
AngularJS2初学小结

components,inputs and outputs ,pipes

2016/06/18 16:04
245
1
bootstrap --datetimepicker之时间段选择

文件引入 <script type="text/javascript" src="css/jquery-3.2.1.js"></script> <link rel="stylesheet" href="css/bootstrap.min.css" media="screen"> <link rel="stylesheet" href="css/...

2019/01/23 13:56
14
0
AngularJS入门(用ng-hide指令实现元素显示和隐藏)

本文描述使用AngularJS提供的ng-show和ng-hide指令实现自动监听某布尔型变量来改变元素显示状态。

2014/10/29 16:25
8.7W
1
angularjs源码笔记(2)--loader modules

简介 ng提供模块管理,所有的service、ctrl等都是挂在模块上,没有依赖该模块那么这个模块的所有service、ctrl等都不能注入使用。 ng内置一个名为'ng'的模块,一些基础的服务如$http、$filt...

2016/08/17 17:05
67
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部