Перечисления Typescript в HTML-атрибутах AngularJS

Question

У меня есть Enum в машинописи:

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

В AngularJS я хочу использовать это в HTML, но следующее не работает:

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

Япытаясь уйти от магических чисел в HTML

Answer 1

Чтобы использовать Enum в HTML, вам нужно указать Enum в качестве переменной.

Вы можете сделать что-то подобное в component.ts:

enumCountries = EnumCountries;

И затемв component.html вы можете сделать:

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