Angular 角度5和枚举在不同文件的html视图中

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

enums.model.ts

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

my-summary.component.ts

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

my-summary.component.html

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

{{MyEnum.First}

---

但它不起作用。模块“path/app/models/index”没有导出成员“MyEnum”。

将

enum

分配给组件内部的变量

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

---

index.ts文件中的内容可能存在重复？如果你没有答案，请看下面Sachila的答案。。路径应该是：“./app/models/enums.model”，我已经说过我从来不能在angular 4中导入枚举。仍然错误

Path/my summary.component.ts（9,10）：错误TS2305:Module''Path/app/models/index'没有导出成员'MyEnum'。

路径应该是

import{MyEnum}from./app/models/enums.mode”全球范围内实现这一目标的任何其他方法？我有“CountryCodes”枚举，我需要在structural指令中访问它，该指令通过CountryCodes和一些其他输入参数限制各个组件中的块-所以每次我想使用该指令时，我都需要导入它(