如何在我的 Angular 4 项目中安装 ngx-bootstrap

Question

5

我可能无法将ngx-bootstrap安装到我的Angular 4项目中，因此无法使用预定义的模板。我已经阅读了以下两个链接以获取ngx-bootstrap安装信息，请指导我正确的操作方式。

- Braj Ankit

2个回答

2

请使用以下内容：

npm install ngx-bootstrap --save

这里提供了一个链接：

- Prachi

我需要在我的项目目录中安装它还是需要全局安装？ - Braj Ankit

在运行ng serve命令的相同目录位置 - Prachi

有没有想法如何安装v7.0.0？ - Ambuj Khanna

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- RajeshKdev · Accepted Answer

ngx-bootstrap包含由Angular驱动的所有核心（以及非核心）Bootstrap组件。因此，您不需要包含原始JS组件，但我们使用了Bootstrap提供的标记和CSS。

安装说明

请查看官方Github上的入门指南页面。

控件和文档在此处可用。

从npm安装ngx-bootstrap：

npm install ngx-bootstrap --save

将需要的包添加到NgModule导入中：

import { TooltipModule } from 'ngx-bootstrap/tooltip';

@NgModule({
  ...
  imports: [TooltipModule.forRoot(),...]
  ...
})

将组件添加到您的页面：

<button type="button" class="btn btn-primary"
        tooltip="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
  Simple demo
</button>

您需要使用Bootstrap样式：

Bootstrap 3

<!-- index.html -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

Bootstrap 4

<!--- index.html -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">