Получить один элемент JSON в объект JSON в угловом 2

Question

У меня есть JSON, как

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

Теперь у меня есть отдельное условие для каждого labelname. Итак, если я хочу отобразить labelname[0] i.e., «one» и использовать его, тогда как я должен следовать?

Я попытался с помощью труб и ngfor петли, но я получаю все значения в LabelNames

<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 

EDIT, и немного сахара на вершине ... если вам нужно отобразить все ключи и значения ключей, это будет путь:

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: Перечитывая ваши Ques Тион, у меня снова думать, может быть, я не понял, это то, что вам нужно:

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

, которые будут выводить

one 

Ну, теперь я думаю, что у меня есть все основания покрыты в этом ответе! : D Подробнее о Object.keys здесь: Object.keys