angular - Angular16管道pipe问题?

Question

想用一下管道，这是哪里出了问题？

1.pipe

import { Pipe, PipeTransform } from '@angular/core';import { Category } from '../interface';@Pipe({name: 'category'})export class CategoryPipe implements PipeTransform {    transform(value: number): string {        return Category(value)    }}

2. interface

export interface Todo {    id: number;    description: string;    category: number;    content: string;}export enum Category {    html,    css,    js}

Answer 1

可以写成这样试试：

return Category[value]

Answer 2

看起来你在使用 Angular 的管道（Pipe）功能，但是你的代码中存在一些问题。

在你的管道代码中，你试图将一个数字通过 Category 转化为一个字符串。然而，你的 Category 是一个枚举（Enum），不是函数，你不能直接调用它。你需要从 Category 枚举中获取对应的字符串。

你的 Category 枚举应该是这样的：

export enum Category {    HTML,    CSS,    JS}

然后你的管道应该这样使用：

import { Pipe, PipeTransform } from '@angular/core';import { Category } from '../interface';@Pipe({name: 'category'})export class CategoryPipe implements PipeTransform {    transform(value: number): string {        return Category[value] || '';  // 默认返回空字符串，防止 Category 枚举之外的数字    }}

在这个修改过的管道中，我们使用 Category[value] 来获取枚举值对应的字符串。如果 value 是 Category 枚举之外的数字，那么 Category[value] 将会返回 undefined，然后我们默认返回一个空字符串。