angular - 如何列出所有组件属性

Question

我想以 Angular 列出所有组件属性(私有(private)和公共(public))。

我试过以下方法

ngOnInit() {
    console.log(this.constructor.prototype);
}

但这只打印定义了 getter 方法的属性。它不会打印没有 getters 或 setters 的属性。它还打印组件 methods 我不介意。

奇怪的是，它甚至不显示公共(public)属性(没有 getter)。

连我都试过

console.log(this.constructor.prototype.hasOwnProperty('_queryState'));

但它返回给我 false，这意味着它无法识别该属性。

这question虽然对我没有帮助。

如何列出所有属性？

如果有人问我为什么需要这样做，那是为了单元测试。

Answer 1

你可以使用 javascript Object.keys :

let component = {a: 17, b: 'test', c: [17, 17, 17]};
let keys = Object.keys(component);

for(let key of keys) {
  console.log('component[' + key + '] = ' + component[key]);
}

Here is a running stackblitz example.