javascript - Angular 2 : read object with unknown key

Question

我想在模板中显示不同对象的特定值。要显示的值的路径取决于对象。

这里是一个例子:

let obj = {
    "a": "a",
    "b": {
       "1": "1",
       "2": "READ ME"
    }
}

let obj2 = {
    "x": "x",
    "y": {
       "foo": "1",
       "bar": {
           "test": "READ ME"
       }
    }
}

在此示例中，我想读取值“READ ME”，如下所示 obj.b.2 或 obj['b']['2']第一个对象。但是我不知道根据对象的 READ ME 值在哪里。

要知道要显示的值位于何处，我将一个配置数组传递给我的模板，其中包含要调用的键列表:像这样:

config = ['b', '2'] // For the first object
config = ['y', 'bar', 'test'] // For the second object

如何使用我的键列表在模板中显示“READ ME”？

Answer 1

您可以使用reduce函数来获取该值。您无法在模板中定义函数，因此逻辑必须位于组件中。

模板

{{config.reduce(reduceValue, obj)}}

组件

public reduceValue(object, prop){
    return object ? object[prop] : null;
}

Demo