Angular中如何获取组件的属性名称？求实现方案

你遇到的问题根源是用错了操作对象：Object.keys(this.myProperty)作用的是属性值本身（这里是个空数组），而非组件实例。数组的Object.keys()只会返回已填充元素的索引键，空数组自然返回空数组，这和你要获取属性名称的需求完全不匹配。

要实现通过属性值拿到对应的属性名，你需要遍历组件实例的自身属性，对比值的引用（因为数组是引用类型），可以写一个工具函数：

getName(instance: any, value: any): string | undefined {
  // 遍历组件实例的自身属性，找到值引用匹配的属性名
  return Object.keys(instance).find(key => instance[key] === value);
}

使用的时候要传入组件实例和目标属性值：

// 在组件内部调用
const propName = getName(this, this.myProperty); // 返回 "myProperty"

注意事项 #

• 如果组件中有多个属性指向同一个引用值（比如两个属性都赋值为同一个数组），这个方法会返回第一个匹配到的属性名；
• 如果是基本类型值（如字符串、数字），可能会匹配到多个属性，需要根据你的业务场景调整匹配逻辑（比如结合类型判断）。

内容的提问来源于stack exchange，提问作者IngBond