Блог

Главная - Вопросы по программированию - Доступ к вложенному объекту в html для angular

Доступ к вложенному объекту в html для angular

#json #angular

#json #angular

Вопрос:

У меня есть структура данных, которая выглядит следующим образом:

 app_list = ["app_1", "app_2"]
data["results"] =
{
    "app_1": [
        {"key":1},
        {"key":2}
    ],
    "app_2": [
        {"key":1},
        {"key":2}
    ],
}

И хотел бы отобразить его с помощью этого HTML-кода:

 <div *ngFor="let app of app_list" >
    {{app}}
    <pre>
        {{data?.results?.app | json}} #This line
    </pre>
    <div *ngFor="let item of data.results.app">
        {{item}}
    </div>
</div>

Но объект json, который я установил как «Эта строка», похоже, ничего не отображает.
Это также означает, что последующий цикл ngfor также ничего не делает. Я делаю что-то не так здесь?

Какой лучший способ сделать это?

Комментарии:

1. Какое значение results ? вероятно, вам следует написать data["results"] =...

2. отредактировано. Я пропустил «кажется, там. Но не в моем коде, а только в сообщении, которое я набрал вручную.

Ответ №1:

Это должно быть что-то вроде этого:

 <div *ngFor="let app of app_list" >
        {{app}}
        <pre>
            {{data?.results[app] | json}} #This line
        </pre>
        <div *ngFor="let item of data.results[app]">
            {{item}}
        </div>
    </div>

Комментарии:

1. Эй, это сработало! Я попробовал это в первый раз, и это не удалось.. Возможно, у меня где-то была опечатка. Спасибо!

2. @ScipioAfricanus отлично! не могли бы вы отметить его как правильный ответ

3. Да, есть остыть, мне нужно немного подождать

4. @ScipioAfricanus просто из любопытства, что такое остыть?

5. хм, не уверен, я думаю, 1 час или около того.