Question

我只是选择Angular 8和CLI，并创建了一个如下所示的项目

ng new my-demo
cd my-demo
ng g library foo --prefix=my

现在在我的库中，我想添加ngx-bootstrap作为组件，并且将需要DropdownButtonModule，所以我的问题是如何为该库安装npm软件包？

我按照链接Installing NPM packages in angular 6 workspace

中的建议进行了尝试

但是构建失败，无法在mylibrarymodule.ts文件中识别DropdownButtonModule来导入模块

我还需要捆绑库的依赖项

Answer 1

首先从npm安装ngx-bootstrap

npm install ngx-bootstrap --save

将BsDropdownModule添加到NgModule导入中：

import { BsDropdownModule } from 'ngx-bootstrap/dropdown';

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

按如下所示在HTML文件中使用它。

<div class="btn-group" dropdown>
  <button dropdownToggle type="button" class="btn btn-primary dropdown-toggle">
    Button dropdown <span class="caret"></span>
  </button>
  <ul *dropdownMenu class="dropdown-menu" role="menu">
    <li role="menuitem"><a class="dropdown-item" href="#">Action</a></li>
    <li role="menuitem"><a class="dropdown-item" href="#">Another action</a></li>
    <li role="menuitem"><a class="dropdown-item" href="#">Something else here</a></li>
    <li class="divider dropdown-divider"></li>
    <li role="menuitem"><a class="dropdown-item" href="#">Separated link</a>
    </li>
  </ul>
</div>

安装用于角度库的NPM软件包

1 个答案: