MyService.service.ts MyComponent.component.ts 및 MyComponent.component.html에서 사용할 Typescript로 열거 형을 만들었습니다.
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 내에서 비교를 위해 열거 형을 사용하고 싶었습니다.
<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>
코드가 컴파일되지만 브라우저에서 오류가 발생합니다.
정의되지 않은 속성을 읽을 수 없습니다.
다음 html 표시 오류 라인 :
열거 형에 이와 같이 접근 할 수없는 이유를 아는 사람이 있습니까?