為 angular 庫安裝 NPM 包

Question

我剛剛拿起 Angular 8 和 CLI 並創建了一個項目，如下所示

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

現在在我的庫中，我想添加 ngx-bootstrap 作為組件，並且需要 DropdownButtonModule 所以我的問題是如何為庫安裝 npm 包？

我按照鏈接在 angular 6 工作區中安裝 NPM 包中的建議進行了嘗試

但是構建失敗並且無法識別 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>