enums - Angular 2 将枚举从 HTML 传递给组件函数

Question

我创建了一个枚举来根据它是添加模式还是编辑模式来打开模式。

enum ModalTypes {
    Add,
    Edit
}

public openManageModal(type: ModalTypes) {
    if (type == ModalTypes.Add) {
        //Open edit modal
    }
    else {
        //Open add modal
    }
}

我似乎不知道如何从 HTML 中调用它。我尝试了各种方法，例如 openManageModal('Add')，但似乎没有任何效果。显然我可以在组件中创建一个函数，并将字符串解析为一个枚举，但我认为这种方式会更合适。任何帮助，将不胜感激。

谢谢

Answer 1

您应该能够像这样调用该函数:

openManageModal(0) // for ModalTypes.Add
openManageModal(1) // for ModalTypes.Edit

enum 声明将由 TypeScript 编译器转换为以下内容:

var ModalTypes;
(function (ModalTypes) {
    ModalTypes[ModalTypes["Add"] = 0] = "Add";
    ModalTypes[ModalTypes["Edit"] = 1] = "Edit";
})(ModalTypes || (ModalTypes = {}));

所以它基本上创建了一个如下所示的对象:

{
    0: "Add",
    1: "Edit",
    Add: 0,
    Edit: 1
}

如您所见，ModalTypes.Add == 0 和 ModalTypes.Edit == 1。