angular - 如何将 ngx-bootstrap 安装到我的 Angular 4 项目中

Question

我可能无法将 ngx-bootstrap 安装到我的 angular 4 项目中，因此无法使用预定义的模板。我已经通过以下两个链接安装 ngx-bootstrap，请指导我正确的方法。

score 5 · 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>

您将需要引导样式：

引导程序 3

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

引导程序 4

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

score 2 · Accepted Answer

2

用这个：

npm install ngx-bootstrap --save

它在那里给出：

于 2018-05-29T06:32:25.727 回答

2 回答 2