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

相关内容

热门资讯

黑科技app(wpk ai辅助... 黑科技app(wpk ai辅助)wpk辅助软件(Wpk)确实有挂(证实有挂)-哔哩哔哩黑科技app(...
黑科技能赢(wpk最新黑科技)... 黑科技能赢(wpk最新黑科技)wpk透视挂会被封号吗(wPK)总是有挂(有挂教程)-哔哩哔哩;1、超...
黑科技软件(wpk最新黑科技)... 黑科技软件(wpk最新黑科技)wpk微扑克真的有挂吗(wPK)竟然是有挂(详细教程)-哔哩哔哩1、点...
黑科技辅助(wpk ai辅助)... 黑科技辅助(wpk ai辅助)wpk数据手机软件叫啥(wPk)竟然存在有挂(有挂助手)-哔哩哔哩;1...
黑科技好友房(wpk ai辅助... 黑科技好友房(wpk ai辅助)wpk ai辅助(WPK)一贯真的是有挂(有挂解密)-哔哩哔哩;1、...
黑科技ai(wpk ai辅助)... 黑科技ai(wpk ai辅助)wpk德州专用辅助器(WPk)果然真的有挂(有挂透明挂)-哔哩哔哩1、...
黑科技科技(wpk最新黑科技)... 黑科技科技(wpk最新黑科技)wpk辅助插件(wPk)都是真的有挂(新版有挂)-哔哩哔哩;1)wpk...
黑科技教学(wpk最新黑科技)... 黑科技教学(wpk最新黑科技)wpk专用辅助程序(Wpk)其实是有挂(有挂详细)-哔哩哔哩;1、不需...
黑科技工具(wpk最新黑科技)... 黑科技工具(wpk最新黑科技)wpk微扑克真的有辅助(WPk)原来真的是有挂(有挂方略)-哔哩哔哩一...
黑科技玄学(wpk最新黑科技)... 黑科技玄学(wpk最新黑科技)德州wpk有外挂吗(WPK)一贯是有挂(有挂解惑)-哔哩哔哩1、德州w...