SuperAPI AI 工具集

angular-bootstrap

前端与建站

查看项目

更新于 10-16 02:35

技能介绍

用途:面向在 Angular 项目中使用 Bootstrap 组件的开发场景,涉及 Angular Bootstrap、ng-bootstrap、微 Bootstrap 组件或 Bootstrap 5 集成时使用。

版本与能力:资料标注 ng-bootstrap 17.x(2025),支持 Bootstrap 5 完整集成、全部组件为 standalone、Bootstrap 图标集成,以及 Angular 17+ 兼容。

安装与引入:npm install @ng-bootstrap/ng-bootstrap @popperjs/core bootstrap;在 angular.json 的 styles 中加入 node_modules/bootstrap/dist/css/bootstrap.min.css;模块方式导入 NgbModule,独立组件方式按需导入(如 NgbCarouselModule)。

组件用法:Modal 通过 NgbModal 服务的 open 方法打开模板;Dropdown 使用 ngbDropdown、ngbDropdownToggle、ngbDropdownMenu、ngbDropdownItem;Accordion 使用 ngb-accordion 与 ngb-panel;Datepicker 使用 ngb-datepicker 配合 ngModel;Toast 使用 ngb-toast;Typeahead 使用 ngbTypeahead 绑定 source。

适用场景:需要在 Angular 应用中加入 Bootstrap 风格 UI 组件的前端开发。

限制:资料仅提供上述 API 变更、最佳实践与示例片段,未说明收费、性能或其他平台支持等信息,暂未提供。