ng add 不适用于 ngx-bootstrap 使用 angular 5

Question

我正在尝试将 ngx-bootstrap 与 angular5 集成并尝试添加其组件。

ng add ngx-bootstrap  --component alerts

抛出错误：

指定的命令添加无效。有关可用选项，请参阅 ng help。

Answer 1

ng add 在 angular 5 中不可用，更新到 6 或 7

Answer 2

您可以使用另一种方法，即手动安装，

从 npm 安装 ngx-bootstrap，运行这个命令在你的项目根文件夹中

npm install ngx-bootstrap --save

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

import { AlertModule } from 'ngx-bootstrap';

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

对于 Bootstrap3，

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

对于 Bootstrap4，

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

更新：

[Here is] 从头开始完成 Angular5 + ngx-bootstrap 的实现

ng add is not working for ngx-bootstrap using angular 5