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

相关内容

热门资讯

黑科技脚本(德州之星)外挂辅助... 黑科技脚本(德州之星)外挂辅助软件(透视)wpk教程(切实存在有挂);1、德州之星ai机器人多个强度...
黑科技安装(德州之星)外挂辅助... 黑科技安装(德州之星)外挂辅助app(透视)AI教程(一直真的有挂)1、玩家可以在德州之星软件透明挂...
黑科技辅助(wepOke)黑科... 黑科技辅助(wepOke)黑科技透明挂辅助神器(透视)可靠教程(其实是真的有挂);1、起透看视 we...
黑科技脚本(wepoKE)黑科... 黑科技脚本(wepoKE)黑科技透明挂辅助安装(透视)可靠教程(一贯有挂);1、许多玩家不知道wep...
黑科技好友房(wpk德州)外挂... 黑科技好友房(wpk德州)外挂透视辅助软件(透视)透明教程(真是是有挂)1、构建自己的wpk德州辅助...
黑科技科技(wepokE)黑科... 黑科技科技(wepokE)黑科技透明挂辅助软件(透视)wpk教程(原来是有挂);1、进入游戏-大厅左...
黑科技讲解(Wepoke)黑科... 黑科技讲解(Wepoke)黑科技透明挂辅助下载(透视)高科技教程(本来真的是有挂)1)Wepoke辅...
黑科技模拟器(红龙扑克)外挂辅... 黑科技模拟器(红龙扑克)外挂辅助挂(透视)新2025教程(其实是有挂)该软件可以轻松地帮助玩家将红龙...
黑科技游戏(wopoker)黑... 黑科技游戏(wopoker)黑科技透明挂辅助神器(透视)技巧教程(其实是有挂)wopoker软件透明...
黑科技游戏(德州微扑克)外挂透... 黑科技游戏(德州微扑克)外挂透视辅助器(透视)技巧教程(竟然是有挂);1、下载好德州微扑克辅助软件之...