@ dasch-ng/ utils
收集了有用的Angular设施,包括独立的管线、依赖性注射器和型号警卫。 由现代Angular图案和全TypeScript支持而来.
安装
npm install @dasch-ng/utils
或带面包:
bun add @dasch-ng/utils
特征
- 🔧 独立管道 - 用于共同作业的可就绪管道
- 🎯 类型安全 - 附有适当类型推论的完整类型脚本支持
- 📦 可树动 - 只导入你需要的东西
- 🚀 现代角 - 为有独立部件的角16+所建
- 🔄 FxTS 整合 - 饮料 @ fxts/ 分数 水电费
- 💉 DI 帮助者 - 简化依赖性注射模式
快速启动
import { Component } from '@angular/core';
import { DecimalBytesPipe, ReversePipe, IsNilPipe } from '@dasch-ng/utils';
@Component({
selector: 'app-example',
imports: [DecimalBytesPipe, ReversePipe, IsNilPipe],
template: `
<p>File size: {{ 1536000 | decimalBytes }}</p>
<!-- Output: "1.54 MB" -->
<div *ngFor="let item of items | reverse">
{{ item }}
</div>
<!-- Displays items in reverse order -->
<div *ngIf="data | isNil">No data available</div>
`,
})
export class ExampleComponent {
items = ['a', 'b', 'c'];
data: string | null = null;
}
可用公用事业
管道
阵列操纵 :
reverse- 无变异的倒置阵列join- 用分隔符加入数组元素nth- 从可移动的元素中获取 nth 元素sortBy- 按财产排序(对大小写不敏感)
收藏公用事业:
size- 获得任何可移动的大小includes- 检查数组是否包含值includedIn- 检查值是否为数组without- 从数组中删除值values- 地图、集或对象的数值,按插入顺序排列
对象工具 :
prop- 从对象提取属性omit- 复制一个没有密钥的对象parseJson- 剖析杰森,null而不是例外
类型检查 :
isNil- 检查无效或未定义isNull- 检查无效isUndefined- 检查未定义isEmpty- 检查值是否为空
格式化 :
decimalBytes- 人类可读大小格式字节binaryBytes- 有底数 1024 (KiB, MiB) 的格式字节
文本 :
truncateText- 文字在字边界上缩短middleTruncate- 在中间分出一条线来表示椭圆highlight- 将文本拆分成匹配的段落以搜索术语upperFirst- 大写第一个字符,地方意识
公用事业:
symbolKeyFor- 获取全球符号的钥匙
内接管 (单位:千美元)@dasch-ng/utils/intl,没有 registerLocaleData() 所需:
intlNumber, (中文(简体) ),intlCurrency(与minorUnits以美分计,intlDate, (中文(简体) ),intlDateRange, (中文(简体) ),intlRelativeTime, (中文(简体) ),intlList, (中文(简体) ),intlPlural, (中文(简体) ),intlDisplayName, (中文(简体) ),intlDuration, (中文(简体) ),intlBytes, (中文(简体) ),intlLocalized, (中文(简体) ),intlCanonicalLocale
import { IntlCurrencyPipe, IntlRelativeTimePipe } from '@dasch-ng/utils/intl';
媒体管道 (单位:千美元)@dasch-ng/utils/media:
frameRate, (中文(简体) ),shutterSpeed, (中文(简体) ),coordinate, (中文(简体) ),aspectRatio, (中文(简体) ),codecName, (中文(简体) ),pixelFormat
职能
依赖注射帮助者:
provideValue- 创建类型安全的价值提供者provideFactory- 创建安全型工厂供应商provideClass- 创建类型安全类供应商provideExisting- 创建安全型现有供应商(别名)provideType- 创建类型安全构造器提供者
资源公用事业:
resourceValueGuard- 从角资源提取安全价值
事件修改器 :
provideEventModifiers- 说吧(click.stop), (中文(简体) ),(click.prevent), (中文(简体) ),(click.self)和组合像(click.stop.prevent)在模板中
过度流检测 :
OverflowDirective(单位:千美元)[daschNgOverflow]) - 说明文本是被椭圆还是被行夹所剪去,例如只显示工具提示
文档
完整的文件可在 达什.ng
API 参考
TypeDoc API 文档 : dasch.ng/api/@dasch-ng/utils (中文(简体) )
许可证
麻省理工学院
运行单元测试
运行 nx test ng-utils 执行单元测试.