Angular2在html值属性中使用枚举值

Question

我正在尝试使用枚举值来设置HTML属性的选定值:

export enum MyEnum {
    FirstValue,
    SecondValue
}
export function MyEnumAware(constructor: Function) {
    constructor.prototype.MyEnum = MyEnum;
}

@MyEnumAware
@Component({
    templateUrl: "./lot-edit.component.html",
    styleUrls: ["./lot-edit.component.css"],
})
export class LotEditComponent implements OnInit {
    @Input() myEnumValue: MyEnum ;

}

<td><input name="status" type="radio" [value]="MyEnum.FirstValue" [(ngModel)]="myEnumValue"></td>
<td><input name="status" type="radio" [value]="MyEnum.SecondValue" [(ngModel)]="myEnumValue"></td>

但是我得到"无法读取未定义的属性'FirstValue'"

有没有办法使用枚举值作为html属性的值？

Answer 1

您的模板只能访问其组件类的成员变量.因此,如果要使用枚举值,请将其(Enum)分配给成员变量.

在您的组件中,

export class MyComp {
  MyEnum = MyEnum;
  .....
}   

然后,您可以自由访问模板中枚举的元素.