我使用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语句进行比较：
<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指示错误行：
有谁知道为什么不能像这样接近枚举？
解决方法
模板的范围仅限于组件实例成员.
如果你想参考那里需要的东西
如果你想参考那里需要的东西
class MyComponent {
connectionResult = ConnectionResult;
}
那你可以用
*ngIf="connectionResult.Success"
