angularjs - AngularJS HTML 属性中的 Typescript 枚举

Question

我在 typescript 中有一个枚举:

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

在 AngularJS 中，我希望在 HTML 中使用它，但以下内容不起作用:

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

我正试图摆脱 HTML 中的魔数(Magic Number)

Answer 1

为了在 HTML 中使用 Enum，您需要将 Enum 指定为变量。

你可以在 component.ts 中做这样的事情:

enumCountries = EnumCountries;

然后在 component.html 中你可以这样做:

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