在前端开发中，有很多常用工具和库，其中 npm 是前端工程师必须了解和掌握的技术之一。npm 提供了丰富的第三方包和模块，可以快速构建我们的项目。其中一个十分实用的 npm 包是 yowootech-ng-common，它是一个 Angular 常用功能封装库。本文将为大家介绍 yowootech-ng-common 的使用方法，帮助大家更好地构建 Angular 项目。
1. 安装 yowootech-ng-common 包
yowootech-ng-common 包是一个第三方 npm 包，需要使用 npm 进行安装。打开命令行（或者终端），执行以下命令：
npm install yowootech-ng-common --save
注意：在安装 yowootech-ng-common 之前，需要先安装 Angular CLI。
2. 引入 yowootech-ng-common 模块
在 Angular 项目中，我们需要在 app.module.ts 中引入使用的模块，在引入 yowootech-ng-common 模块之前，需要在“module.ts”文件中引入以下模块：
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';然后，再引入 yowootech-ng-common 模块，代码如下：
-- -------------------- ---- -------
------ - -------- - ---- ----------------
------ - ------------- - ---- ----------------------------
------ - ----------- - ---- -----------------
------ - ---------- - ---- ----------------
------ - ----------------------- - ---- ----------------------
-----------
-------- -
--------------
------------
-----------
------------------------
--
------------- - ------------ --
---------- - ------------ -
--
------ ----- --------- - -在这个例子中，我们将 yowootech-ng-common 模块添加到引入的模块列表中，@NgModule() 就是用于定义 Angular 模块的装饰器。
3.使用 yowootech-ng-common 包
引入 yowootech-ng-common 后，我们就可以在组件中开始使用它提供的一些公用方法了。在组件中，我们可能会使用它提供的一些常用的功能，比如日期处理、字符串处理、表单验证等等。
以下是使用 yowootech-ng-common 包提供的日期处理方法的示例代码：
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ---------- - ---- ----------------------
------------
--------- -----------
--------- -
----------------
-
--
------ ----- ------------ -
----- - --------------------------- --------
-在这个例子中，我们使用 YtDateUtil 提供了 toDateString 方法，很方便地将 Date 对象格式化成一个字符串，然后在模板中使用 today 变量渲染日期。
除了日期处理外，yowootech-ng-common 还提供了一些实用的字符串处理和表单验证的方法，建议大家自行查看文档。
结语
在本篇文章中，我们向大家介绍了 npm 包 yowootech-ng-common 的使用方法，并提供了一些示例代码。yowootech-ng-common 提供了方便的 Angular 常用功能开发，实现了代码重用和提高开发效率的目标，希望大家能够通过本文的学习，更好地使用它。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005672681e8991b448e3a3c