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仅提取键名而不是键值。

相关内容

热门资讯

分享认知“潮友会鱼虾蟹怎么发现... 分享认知“潮友会鱼虾蟹怎么发现软件控制”原先有开挂辅助平台(有挂秘笈);亲,潮友会鱼虾蟹怎么发现软件...
推荐十款“小程序牵手跑的辅助”... 推荐十款“小程序牵手跑的辅助”先前有辅助器(揭秘有挂);亲,小程序牵手跑的辅助这款游戏原来确实可以开...
重大通报“蜀山挂件辅助”最初有... 重大通报“蜀山挂件辅助”最初有开挂辅助平台(竟然有挂);亲,蜀山挂件辅助这款游戏原来确实可以开挂的,...
重大科普“哥哥打大a辅助”原先... 重大科普“哥哥打大a辅助”原先有辅助开挂平台(确实有挂);无需打开直接搜索微信(136704302)...
透视教程“爱来掌中宝辅助器”原... 您好:这款爱来掌中宝辅助器游戏是可以开挂的,确实是有挂的,很多玩家在这款爱来掌中宝辅助器游戏中打牌都...
一分钟了解“枫叶辅助脚本”本来... 枫叶辅助脚本开挂教程视频分享装挂详细步骤在当今的网络游戏中,枫叶辅助脚本作为一种经典的娱乐方式,吸引...
最新技巧“aapoker辅助器... 您好:这款aapoker辅助器怎么用游戏是可以开挂的,确实是有挂的,很多玩家在这款aapoker辅助...
透视攻略“wepoker安装教... 您好:这款wepoker安装教程游戏是可以开挂的,确实是有挂的,很多玩家在这款wepoker安装教程...
一分钟秒懂“潮汕汇app透视软... 一分钟秒懂“潮汕汇app透视软件”原先有辅助挂(确实有挂)1、下载安装好潮汕汇app透视软件,进入游...
最新技巧“德普之星透视辅助软件... 【亲,德普之星透视辅助软件激活码 这款游戏可以开挂的,确实是有挂的,很多玩家在这款德普之星透视辅助软...