Angular 5和Enums在html视图中来自不同的文件

Question

我试图在另一个文件中定义枚举,以便在其他地方使用它.例如在html视图上.这可能吗？

enums.model.ts

export enum MyEnum{
    First = 1,
    Second= 2
}

我-summary.component.ts

import {MyEnum} from "./app/models";
@Component({
    selector: "my-summary",
    templateUrl: "./my-summary.component.html"]
})
export class MySummaryComponent{ }

我-summary.component.html

   <div>
      {{MyEnum.First}}
   </div>

它不起作用.模块'"path/app/models/index"' has no exported member 'MyEnum'.

Answer 1

分配enum给组件内的变量.

import {MyEnum} from "./app/models";
@Component({
    selector: "my-summary",
    templateUrl: "./my-summary.component.html"]
})
export class MySummaryComponent{
   MyEnum = MyEnum;
 }