在前端开发中，我们经常需要使用一些现成的库来简化我们的代码工作，尤其是在Angular开发中。因此，本文将介绍如何使用NPM包Angular2-Library。
什么是 Angular2-Library？
Angular2-Library 是一个基于 Angular2 开发的开源库，它提供了许多 Angular 需要的功能，如表格、日期选择器等等。同时，它也可以作为一个模板使用，方便我们快速开发自己的组件库。
安装 Angular2-Library
安装 Angular2-Library 非常简单，只需在命令行中执行以下命令即可：
npm install angular2-library --save
使用 Angular2-Library
当安装完 Angular2-Library 之后，我们需要在项目中引入这个库。在我们的 Angular 项目中，可以在核心模块中导入该库：
-- -------------------- ---- -------
------ - -------- - ---- ----------------
------ - --------------------- - ---- -------------------
-----------
-------- -
---------------------
-
--
------ ----- ---------- - -通过以上代码，我们就可以使用 Angular2-Library 提供的组件和服务了。
使用 Angular2-Library 的组件
例如，我们要使用 Angular2-Library 提供的表格组件。我们需要在我们的 HTML 模板中引入 DataTableComponent 并绑定一些数据：
<datatable [headers]="headers" [data]="data"></datatable>
其中的 headers 和 data 都是我们自己定义的数据。
-- -------------------- ---- -------
-------- ----- - -
- ------ ----- ------ ------ --
- ------ ----- ------ ----- --
- ------ ----- ------ -------- --
--
----- ----- - -
- ----- ----- ---- --- ------- --- --
- ----- ----- ---- --- ------- --- -
--这样，我们就可以在页面上渲染出一个表格了，展示我们的数据。
使用 Angular2-Library 的服务
除了组件之外，Angular2-Library 也提供了一些服务。例如，我们想要在浏览器中获取当前地理位置。我们可以使用 GeolocationService 提供的服务。
首先，我们需要在组件中注入该服务：
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ------------------ - ---- -------------------
------------
--------- ------
--------- --- ------------------------ -------- -------
--
------ ----- ------------ -
--------- -------
------------------- ------------------- ------------------- --
---------- -
--------------------------------------------------- -- -
------------- - ----
---
-
-以上代码中，我们在组件的构造函数中注入了 GeolocationService，并在 ngOnInit 周期中执行 getLocation 方法，该方法返回一个 Observable。当获取到位置之后，我们就可以在页面上显示出来。
结论
Angular2-Library 提供了许多我们需要的功能和服务，通过本文的介绍，我们可以轻松地学习和使用它。在实际开发中，如果我们需要相关的组件或服务，我们可以考虑使用这个开源库，它可以帮助我们更高效、更快速地开发 Angualr 项目。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600560c081e8991b448df0a2