扫一扫分享
ng2-bootstrap 是 angular 2 的扩展指令,实现了对 Bootstrap 框架的集成。 ngx-bootstrap包含了由Angular提供支持的所有核心的Bootstrap组件。我们可以直接通过命令行安装后使用,同时使用该系列的组件不需要包含原始的JS组件。但是我们需要引入bootstrap的css样式。
通过npm安装ngx-bootstrap
npm install ngx-bootstrap --save
将所需的软件包添加到NgModule导入中:
import { TooltipModule } from 'ngx-bootstrap/tooltip';
@NgModule({
...
imports: [TooltipModule.forRoot(),...]
...
})
将组件添加到您的页面:
<button type="button"
tooltip="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
Simple demo
</button>
手机预览