Angular 在HTML模板中传递对象属性的名称

嗨，我有一个html，我需要在html中传递对象名/字符串。例如：

HTML

模型

---

我想获取属性的名称并在html中传递它。像爸爸、妈妈、儿子和女儿一样？

我想我有办法解决你们的问题。请检查并尝试我的代码和给定的stackblitz演示链接=>
HTML:

<app-family
(callDad) ="callFamily($event, showPropName(family,family.Dad))"
(callSon) ="callFamily($event, showPropName(family,family.Son))"
(callMom) ="callFamily($event, showPropName(family,family.Mom))"
(callDaughter) ="callFamily($event, showPropName(family,family.Daughter))"
></app-family>

showPropName(property, value)
{
    for(var i in property)
    {
        if (property[i] == value)
        {
            return i;
        }
    }
    return false;
}

---

演示链接=>。演示链接包含2个按钮。单击按钮时，控制台中将显示属性名称
所以，我认为使用这个过程，您可以将属性名传递给任何方法。

我认为您有解决方案。请检查并尝试我的代码和给定的stackblitz演示链接=>
HTML:

<app-family
(callDad) ="callFamily($event, showPropName(family,family.Dad))"
(callSon) ="callFamily($event, showPropName(family,family.Son))"
(callMom) ="callFamily($event, showPropName(family,family.Mom))"
(callDaughter) ="callFamily($event, showPropName(family,family.Daughter))"
></app-family>

showPropName(property, value)
{
    for(var i in property)
    {
        if (property[i] == value)
        {
            return i;
        }
    }
    return false;
}

---

演示链接=>。演示链接包含2个按钮。单击按钮时，控制台中将显示属性名称
因此，我认为使用这个过程，您可以将属性名传递给任何方法。

我认为您试图做的是

enum

型号：

导出枚举族{
爸爸=‘爸爸’，
妈妈=‘妈妈’，
儿子=‘儿子’，
女儿=‘女儿’，
}

在ts组件中，需要导入“族”：

family = Family;

在HTML组件中：

callFamily($event, family.Dad)

---

我想你想做的是

enum

型号：

导出枚举族{
爸爸=‘爸爸’，
妈妈=‘妈妈’，
儿子=‘儿子’，
女儿=‘女儿’，
}

在ts组件中，需要导入“族”：

family = Family;

在HTML组件中：

callFamily($event, family.Dad)

---

这回答了你的问题吗@德米特里。不，我不是想得到值，而是像Dad那样的实际对象字符串，mom@LearnAspNet请检查我的答案，让我知道它是否适合你。致以最良好的祝愿。：-）这回答了你的问题吗@德米特里。不，我不是想得到值，而是像Dad那样的实际对象字符串，mom@LearnAspNet请检查我的答案，让我知道它是否适合你。致以最良好的祝愿。：-）