本文将介绍如何使用 npm 包 next-ng2-module，这是一个专门为 Angular2 开发的 UI 库。本文将从安装、使用、示例以及指导角度来详细介绍它的使用方法。
安装
在开始使用 next-ng2-module 之前，您需要安装 Angular CLI 和 ng-bootstrap。如果您已经使用 Angular 来构建应用程序，那么您应该已经安装了 Angular CLI。如果您还没有安装，请使用以下命令在全局安装它：
npm install -g @angular/cli
现在，您需要安装 ng-bootstrap 包。请使用以下命令在您的应用程序中安装 ng-bootstrap：
npm i @ng-bootstrap/ng-bootstrap --save
安装完成后，运行以下命令来安装 next-ng2-module：
npm install next-ng2-module --save
使用
现在，让我们来了解如何在 Angular2 应用程序中使用 next-ng2-module。在您的项目中，请添加 NextModule 到您的根模块中：
-- -------------------- ---- -------
------ - ---------- - ---- ------------------
-----------
-------- -
--------------
------------
--------------------
-----------
---
--
---
--
------ ----- --------- - -接下来，在您的组件中使用之前，请首先导入它：
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ---------- ------------ ---------- - ---- -----------------
------ - -------------- ----------- - ---- -----------------------------
------------
--------- ---------
------------ ----------------------
--
------ ----- ------------ -
----- ----------
------------
------- --------- ------------
- - -
-你可以在你的模板中使用 next-ng2-module 的内容：
<ngx-dropdown [items]="['apple', 'banana', 'grape']"></ngx-dropdown> <ngx-datepicker [(ngModel)]="model"></ngx-datepicker>
现在您已经了解了如何将 next-ng2-module 添加到您的应用程序中以及如何在您的组件和模板中使用它。让我们来看一下如何使用示例。
示例
在这个示例中，我们将向您展示如何使用 ngx-dropdown 组件来创建下拉菜单。首先，导入下拉菜单项：
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------------
--------- ---------
--------- -
------------- ------------------ --------- -------------------------
--
--
------ ----- ------------ - -以上代码将在页面上生成一个包含 apple、banana 和 grape 选项的下拉菜单。如果您需要其他下拉菜单项的样式，请查看 ngx-dropdown 的文档。另外，如果您需要实现更多的功能，如日期选择器，请查看 ngx-datepicker 组件。
我们已经了解了如何使用 ngx-dropdown 组件来构建下拉菜单。现在，让我们看一下如何在应用程序中使用 next-ng2-module。
指导意义
使用 Angular2 构建应用程序是一个不断学习的过程。通过使用 next-ng2-module，您可以减少一些开发时间，以及更快速地构建更精简的应用程序。由于该库提供了许多有用的组件和功能，您不必特别了解如何在应用程序中实现某些特定的功能。
与许多现有的 UI 库和框架一样，next-ng2-module 提供了一个方法来简化 UI 设计和构建。它易于使用，并且可以与许多现有的 Angular2 库和框架集成。
在实践中，我们应该尽可能多地使用现有的库和框架。这样可以更快地构建应用程序，并有助于避免重复的工作。如果您喜欢写 Angular2 应用程序并且还没有使用过 next-ng2-module，那么您应该试试看。它将为您的日常工作带来更多的乐趣和更少的重复工作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60057c8b81e8991b448ebea9