angular - 带有值和显示名称的 typescript 枚举

Question

我一直在研究 typescript ，我想显示枚举字符串以外的值，但该值必须是数字。

export enum yearofstudy {
     FirstYear,
     secondYear,
     ThirdYear
}

在上面的代码中，我需要值为 0,1,2，但显示为第一年，第二年，第三年。我怎样才能做到这一点？

Answer 1

这几乎就是 Angular 中管道的用途。它们允许您以可重用和可缓存的方式定义它。创建一个类似的管道

@Pipe({name: "yearOfStudy"})
export class YearOfStudyPipe implements PipeTransform {
  public transform(value: YearOfStudy): string {
    switch (value) {
      case FirstYear: return "1st Year";
      //... 
    }
  }
}

然后就可以使用

{{ yourValue | yearOfStudy }}