在html中写typescript,angular-无法在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;

}

我还想通过* ngIf语句将枚举用于HTML内的比较：

代码可以编译，但是浏览器给我一个错误：

无法读取未定义的属性

使用以下html指示错误行：

有谁知道为什么不能这样访问枚举？