Как перебрать вложенный JSON в Angular - PullRequest
Новая
       35

Как перебрать вложенный JSON в Angular

0 голосов
/ 23 января 2019

Я использую Angular7 и ngx-translate.

i18n / en.json выглядит примерно так: 

{
    "items": {
        "a1": "first",
        "a2": "second",
        "a3": "third"
    },
    "nesteditems": {
        "n1": {
            "f1": "nested11",
            "f2": "nested12",
            "f3": "nested13"
        },
        "n2": {
            "f1": "nested21",
            "f2": "nested22",
            "f3": "nested23"
        },
        "n3": {
            "f1": "nested31",
            "f2": "nested32",
            "f3": "nested33",
            "f4": "nested34"
        }
    }
}

Есть ли способ перебирать "элементы" и "nesteditems ", используя ngFor или какую-либо другую директиву для их отображения?

1 Ответ

0 голосов
/ 24 января 2019

Вы можете использовать канал значения ключа в angular 7 дважды, если вы действительно хотите придерживаться его итерации с помощью ngFor. 

<div *ngFor="let item of nesteditems | keyvalue">    
     <div *ngFor="let innerItem of item.value | keyvalue">
      {{innerItem .key}}:{{innerItem .value}}
    </div>
</div>

Теперь другой рекомендацией было бы рассмотреть вопрос о сведении nestedItems в массив в некоторыхКстати, теперь я не знаю форму ваших данных, так что, возможно, это было бы неразумно.

...