什么是 ngu-utility？
ngu-utility 是一个 Angular 的工具类库，提供了一系列的工具函数和指令，帮助开发者更快速、高效地进行 Angular 项目的开发。这个库提供了大量的样式类和函数，可以用来处理数组、日期、基础类型等类型的数据，并提供了一些常用的指令和服务。
ngu-utility 的安装
通过 npm 安装 ngu-utility
npm install ngu-utility
ngu-utility 的使用
样式类
ngu-utility 提供了一些常用的样式类，可以快速完成页面样式的开发。
字体图标样式类
ngu-utility提供了一些常用的字体图标样式类，可以使用特定的样式快速生成字体图标。
<i class="nu nu-arrow-right"></i>
栅格布局样式类
ngu-utility提供了一些栅格布局样式类，可以通过快速的使用特定的样式类来实现栅格布局，例如：
<div class="row">
<div class="col-6"></div>
<div class="col-6"></div>
</div>信息提示样式类
ngu-utility提供了一些信息提示样式类，比如：success、error、warning、info，可以分类实现信息提示的样式类，例如：
<div class="alert alert-success">成功消息提示</div>
函数
ngu-utility提供了一些常用的函数，可以处理数组、日期、基础类型等所有的数据类型。
对象操作函数
ngu-utility提供了一些对象操作函数，可以用来操作对象，例如：deepClone、isEmpty、jsonParse。
-- -------------------- ---- -------
------ - ---------- -------- --------- - ---- --------------
----- --- - -
----- ------
---- ---
--
----- -------- - ---------------
----- -------- - -------------
----- ------- - ---------------数组操作函数
ngu-utility提供了一些数组操作函数，可以用来操作数组，例如：remove，可以在数组中移除指定元素。
import { remove } from 'ngu-utility';
const arr = [1, 2, 3];
remove(arr, 2);
console.log(arr); // [1, 3]基础类型函数
ngu-utility提供了一些基础类型函数，例如：isNumeric、isEmail、isMobile。
import { isNumeric, isEmail, isMobile } from 'ngu-utility';
isNumeric('123'); // 返回true
isEmail('123@qq.com'); // 返回true
isMobile('13312341234'); // 返回true指令
ngu-utility提供了一些常用的指令，例如：cap、tooltip、ellipsis，帮助开发人员更快速、高效地实现页面功能。
Cap指令
Cap指令可以实现首字母大写、全部大写、全部小写，例如：
<div cap="uppercase">hello world</div> // HELLO WORLD <div cap="lowercase">HELLO WORLD</div> // hello world <div cap="capitalize">hello world</div> // Hello World
Tooltip指令
Tooltip指令可以实现鼠标悬停提示信息，例如：
<button tooltip="悬停提示内容">悬停查看</button>
Ellipsis指令
Ellipsis指令可以实现文本溢出省略号，并可以通过指定长度验证文本是否溢出，例如：
<p ellipsis [length]="10">这是一段文本</p>
结语
ngu-utility 提供了大量的样式类、函数、指令等，帮助开发者更快速、高效地完成 Angular 项目的开发。在实际项目中可以多加使用，提升工作效率，降低开发难度。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056bdd81e8991b448e58a6