Các kiểu Enum trong Typescript trong các thuộc tính HTML của AngularJS

Tôi có một Enum trong TypeScript:

 enum EnumCountries{
     Canada=0,
     USA=1,
     Holland=2
} 

Trong AngularJS tôi muốn sử dụng điều này trong HTML, nhưng điều sau đây không hoạt động:

 <div ng-show="model.country==EnumCountries.USA">

Tôi đang cố gắng tránh sử dụng các con số ma trong HTML

Câu trả lời #1

Để sử dụng Enum trong HTML, bạn cần xác định một Enum làm biến.

Bạn có thể làm điều gì đó như thế này trong component.ts:

enumCountries = EnumCountries;

Và sau đó trong component.html bạn có thể làm:

<div ng-show="model.country == enumCountries.USA">