Typescript Enums in AngularJS HTML Attributes

Question

I have an Enum in typescript:

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

In AngularJS I wish to use this in the HTML, but the following doesn't work:

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

I'm trying to get away from magic numbers in the HTML

You need to assign your enum class to a $scope variable - $scope.EnumCountries = EnumCountries — tymeJV
– tymeJV, Commented Jun 12, 2018 at 16:15

Gregor Ojstersek · Accepted Answer · 2018-06-12 16:20:51Z

7

In order to use Enum in the HTML you need to specify an Enum as a variable.

You can do something like this in the component.ts:

enumCountries = EnumCountries;

And then in the component.html you can do:

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

answered Jun 12, 2018 at 16:20

Gregor Ojstersek

1,3798 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1