我可以在此链接https://github.com/angular/angular/issues/25963上看到，这是已知问题，并且是专门针对const枚举的。

There is also a work arround suggested in the discussion on the url:
templateImports: [someConstant, UserStatus, isDevMode]
This would not work, but the below could:

templateImports: {someConstant, UserStatus, isDevMode}

如果TypeScript不清除发出的JavaScript代码中的const枚举声明，则可能出现这种情况。
有专门的编译器选项preserveConstEnums用于此目的：

• • 系统配置json**

{
  "compilerOptions": {
    ...
    "preserveConstEnums": true,
    ...
  },
  ...
}

现在，假设你有

• • 常量枚举ts**

export const enum MyConstEnum {
    Value1 = 'Value1',
    Value2 = 'Value2',
    Value3 = 'Value3'
}

您可以在组件中导入它，如：

import * as constEnumModule from './const-enum';

class SomeComponent {
  MyConstEnum = (constEnumModule as any).MyConstEnum;
}

最后，它应该在此组件的模板中可用：

<span *ngIf="name === MyConstEnum.Value1">This has some value</value>

你可以在你的组件中创建一个与枚举同名的属性，并且你可以像在ts文件中一样访问枚举。你可以通过导入它或者在ts文件中声明它来实现这一点。

import { MyConstEnum } from './enum'

OR

enum MyConstEnum {
    Value1 = 'Value1',
    Value2 = 'Value2',
    Value3 = 'Value3'
}

@Component({
    selector: 'app-my-component',
    templateUrl: './my-component.page.html',
    styleUrls: ['./my-component.page.scss'],
})
export class MyComponent {
    MyConstEnum = MyConstEnum;
    ...
}

在html模板中：

<span *ngIf="name === MyConstEnum.Value1">{{ MyConstEnum.Value1 }}</value>

我通过将const枚举类型替换为类中的静态属性来绕过这个问题，如下所示：

export class MyEnum{
    static  Value1 = 'Value1',
    static  Value2 = 'Value2',
    static  Value3 = 'Value3'
}