AngularPipe从枚举值中提取,但通用于任何枚举
创始人
2024-10-28 19:30:20
0

首先,在创建通用Pipe前,我们需要安装 npm 上的 @angular/compiler-cli 库来解析枚举。可以使用以下命令进行安装:

npm install @angular/compiler-cli --save-dev

接下来,我们可以创建一个通用Pipe,然后将模块的类作为参数传递并传递给 getNames 函数。此函数将返回传递的类中定义的所有键名:

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({ name: 'enumToArray' })
export class EnumToArray implements PipeTransform {
  transform(value): Object {
    return Object.keys(value).filter((type) => isNaN(type) && type !== 'values').map((key) => value[key]);
  }
  getNames(enumClass): Array {
    return Object.keys(enumClass).filter((type) => isNaN(type) && type !== 'values');
  }
}

现在,我们可以在组件中使用这个通用的Pipe来提取任何枚举类的值:

{{ MyEnum | enumToArray }}

这就会返回 MyEnum 枚举类中定义的所有键的值。注意,通用枚举Pipe仅提取键名而不是键值。

相关内容

热门资讯

透视教程!智星德州菠萝安装,w... 透视教程!智星德州菠萝安装,wepoker底牌透视脚本怎样安装,分享实测(有挂详情)智星德州菠萝辅助...
aapoker有外挂!aapo... aapoker有外挂!aapoker透明挂,(wopoker)一贯真的有挂,2025版教程(有挂插件...
透视攻略!wpk辅助器是真的吗... 透视攻略!wpk辅助器是真的吗,aapoker辅助器是真的吗,一分钟了解(有挂教程);小薇(透视辅助...
WePoKe外挂!wpk透视辅... WePoKe外挂!wpk透视辅助测试,(WEpoke)原来真的有挂,黑科技教程(有挂插件)该软件可以...
透视计算!hhpoker透视脚... 透视计算!hhpoker透视脚本安卓,wepoker辅助器怎么用,最新科技(有挂了解)1、每一步都需...
wepoke真的有挂!德州之星... wepoke真的有挂!德州之星外挂,(wepoKE)确实真的是有挂,细节方法(有挂细节)进入游戏-大...
透视透视!红龙poker透视工... 透视透视!红龙poker透视工具,德普之星透视辅助,发现一款(有挂规律)1、完成的残局,帮助玩家取得...
德州微扑克辅助!wpk真的有外... 德州微扑克辅助!wpk真的有外挂,(wepoKe)切实有挂,透明挂教程(有挂介绍)1、起透看视 德州...
透视系统!德普之星app安卓版... 透视系统!德普之星app安卓版破解版,wpk辅助插件叫什么,玩家必看攻略(有挂教程)辅助器中分为三种...
wpk透明挂!微扑克辅助器io... wpk透明挂!微扑克辅助器ios,(WepOke)竟然是真的有挂,安装教程(有挂教程);1、很好的工...