Ошибка при преобразовании Json в массив и повторении в html с использованием цикла for в angular

Я работаю с angular, я получаю данные от api get call для одного из столбцов, как показано ниже. Я преобразовал этот json в массив, как уже упоминалось. И когда я повторяю это по html, я получаю ошибку. Моя цель - перебрать данные столбца ниже в html с помощью ngfor. Пожалуйста, помогите мне достичь функциональности.

[{"Parent": null, "GradeCode": null, "BrandName": "CORONA", "Manufacturer": null, "Description": null, "BrandStatus": 1, "ManufacturerName": "", "ParentBrandName": "CORONA", "id": 7101}, 
{"Parent": "hhh", "GradeCode": null, "BrandName": "TSINGTAO", "Manufacturer": null, "Description": null, "BrandStatus": 1, "ManufacturerName": "", "ParentBrandName": "TSINGTAO", "id": 7100}]

Я поместил эти данные в массив

data: any = [];

Я преобразовал приведенное выше, т.е. «данные» из json в массив, как показано ниже. Но я получаю сообщение об ошибке:

"ERROR TypeError: this.data.forEach не является функцией.

data1=[];
  ngOnInit()
  {
    var StringifyData=JSON.stringify(this.data)
    console.info(this.data)
    this.data.forEach((item,index)=>{
        var obj;
        obj = {
          Parent:item.Parent,
          text:item.BrandName,
        }
       this.data1.push(obj)
    });
     console.info(JSON.stringify(this.data1))
  }
}

arrays json angular ngfor

04.04.2021 10:20

Структурированный массив Numpy

Однако в реальных проектах я чаще всего имею дело со списками, состоящими из нескольких типов данных. Как мы можем использовать массивы numpy, чтобы...

3 эффективных способа найти максимальное значение в массивах JavaScript

T - 1Bits: Генерация последовательного массива

По мере того, как мы пишем все больше кода, мы привыкаем к определенным способам действий. То тут, то там мы находим код, который заставляет нас...

Что такое деструктуризация массива в JavaScript?

Деструктуризация позволяет распаковывать значения из массивов и добавлять их в отдельные переменные.

Ответы 2

Вы не должны помещать массив в объект data.

Вы можете назначить или передать элементы из массива объекту data.

Итак, вы можете сделать это:

this.data = [
      {
        Parent: null,
        GradeCode: null,
        BrandName: "CORONA",
        Manufacturer: null,
        Description: null,
        BrandStatus: 1,
        ManufacturerName: "",
        ParentBrandName: "CORONA",
        id: 7101
      },
      {
        Parent: "hhh",
        GradeCode: null,
        BrandName: "TSINGTAO",
        Manufacturer: null,
        Description: null,
        BrandStatus: 1,
        ManufacturerName: "",
        ParentBrandName: "TSINGTAO",
        id: 7100
      }
    ];

Или это:

[
      {
        Parent: null,
        GradeCode: null,
        BrandName: "CORONA",
        Manufacturer: null,
        Description: null,
        BrandStatus: 1,
        ManufacturerName: "",
        ParentBrandName: "CORONA",
        id: 7101
      },
      {
        Parent: "hhh",
        GradeCode: null,
        BrandName: "TSINGTAO",
        Manufacturer: null,
        Description: null,
        BrandStatus: 1,
        ManufacturerName: "",
        ParentBrandName: "TSINGTAO",
        id: 7100
      }
    ];

    [
      {
        Parent: null,
        GradeCode: null,
        BrandName: "CORONA",
        Manufacturer: null,
        Description: null,
        BrandStatus: 1,
        ManufacturerName: "",
        ParentBrandName: "CORONA",
        id: 7101
      },
      {
        Parent: "hhh",
        GradeCode: null,
        BrandName: "TSINGTAO",
        Manufacturer: null,
        Description: null,
        BrandStatus: 1,
        ManufacturerName: "",
        ParentBrandName: "TSINGTAO",
        id: 7100
      }
    ].forEach(f => this.data.push(f));

Примечание: Здесь лучше попробовать первый.

Рабочая демонстрация при StackBlitz.

04.04.2021 10:28

попробуй это:

Array.prototype.forEach.call(this.data, item => {
//logic goes here... 
})

04.04.2021 10:34

Другие вопросы по теме

ЯДЖЛ РАЗБОР JSON

Почему мои ячейки Collectionview не отображаются, когда я быстро перехожу с этого контроллера просмотра?

Создание массива JSON путем вставки всех данных, поступающих из цикла, с использованием весенней загрузки

Как изменить тег JSON в структуре Go?

Json нужно анализировать дважды?

Как преобразовать эту строку, чтобы я мог получить доступ ко всем элементам внутри?

VSCode tasks.json и launch.json для WinExe в зависимости от dll

Преобразование json в Python для отображения только списка

Неожиданный токен o в JSON - узел / API

Проблема с php-скриптом для определения доменного имени, wp

Ошибка при преобразовании Json в массив и повторении в html с использованием цикла for в angular

Ответы 2

Другие вопросы по теме

Похожие вопросы