以角度2检索JSON对象中的单个JSON元素

Question

我有一个JSON为

   labelnames={
    "one": "",
    "two": "",
    "three": "",
    "four": ""
};

现在我对每个labelname都有单独的条件。所以，如果我希望显示labelname[0]，即＆＃34;一个＆＃34;并使用它，那么我应该遵循的方式是什么？

我尝试使用管道和ngfor循环，但我获得了标签名称中的所有值

 <li *ngFor="let doc of labelnames | keys">
 {‌{doc.key}}
</li>

我只需要单个元素，具体取决于索引。

帮我解决这个问题。

Answer 1

这是一个解决方案：

你的对象：

obj= { "one": "", "two": "", "three": "", "four": "" };

组件中的方法：

keys() {
    return Object.keys(this.obj);
}

你的HTML：

<p *ngFor="let key of keys()">{{key}}</p>

那将输出：

one
two
three
four

编辑，顶部的一些糖...如果你需要显示所有键和键的值，这将是要走的路：

obj2 = { "one": "1", "two": "2", "three": "3", "four": "4" };

在视图中：

<p *ngFor="let key of keys()">{{key}}: {{obj2[key]}}</p>

那会显示：

one: 1
two: 2
three: 3
four: 4

EDIT2：重读你的问题，让我再想一想，也许我误解了，这就是你所需要的：

objValue = Object.keys(obj)[0] // put which index you want

将输出

one

好吧，现在我觉得我的答案涵盖了所有基础！ ：d 有关Object.keys的更多信息，请访问：Object.keys