html页面枚举 暴力,无法在HTML中使用Typescript枚举

我使用Typescript创建了一个枚举,用于MyService.service.ts MyComponent.component.ts和MyComponent.component.html.

export enum ConnectionResult {

Success,Failed

}

我可以轻松地从MyService.service.ts获取并比较定义的枚举变量：

this.result = this.myService.getConnectionResult();

switch(this.result)

{

case ConnectionResult.Failed:

doSomething();

break;

case ConnectionResult.Success:

doSomething();

break;

}

我还想使用enum在我的HTML中使用* ngIf语句进行比较：

代码编译但浏览器给我一个错误：

Cannot read property of undefined

使用以下html指示错误行：

有谁知道为什么不能像这样接近枚举？