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语句进行比较：

<div *ngIf="result == ConnectionResult.Success; else Failed">
            <img src="../../assets/connection-success.png" height="300px" class="image-sign-style" />
</div>
<ng-template #Failed>
       <img src="../../assets/connection-Failed.png" height="300px" class="image-sign-style" />
</ng-template>

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

Cannot read property of undefined

使用以下html指示错误行：

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