首页 > 解决方案 > AngularJS HTML 属性中的 Typescript 枚举

问题描述

我在打字稿中有一个枚举:

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

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

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

我试图摆脱 HTML 中的幻数

标签: angularjstypescript

解决方案


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

您可以在 component.ts 中执行以下操作:

enumCountries = EnumCountries;

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

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

推荐阅读