Как создать файл модели для вложенного JSON в angular 8

Question

Я хочу создать файл модели для Nested JSON в angular 8. Поскольку я новичок в Angular Разработка не знала, как это сделать.

мой ответ API выглядит следующим образом:

{
   "data": [{
      "nationalCustomerId": 31,
      "nationalCustomerName": "Family Dollar",
      "stores": [{
            "categories": [{
               "category": "Dairy",
               "categoryId": 1
            }],
            "storeId": 18627,
            "storeNumber": 3367
         },
         {
            "categories": [{
               "category": "Dairy",
               "categoryId": 1
            }],
            "storeId": 25540,
            "storeNumber": 10164
         },
         {
            "categories": [{
               "category": "Dairy",
               "categoryId": 1
            }],
            "storeId": 25735,
            "storeNumber": 10783
         },
         {
            "categories": [{
               "category": "Dairy",
               "categoryId": 1
            }],
            "storeId": 26971,
            "storeNumber": 11374
         }
      ]
   }],
   "status": "success"
}

Любая помощь приветствуется .. Я хочу создать файл модели для ответа API выше angular 8.

Answer 1

Классы моделей могут выглядеть следующим образом:

export class Response {
    data: Customer[];
    status: string;
}

export class Customer {
    nationalCustomerId: number;
    nationalCustomerName: string;
    stores: Store[];
}

export class Store {
    storeId: number;
    storeNumber: number;
    categories: Category[];
}

export class Category {
    category: string;
    categoryId: number;
}

Чтобы сохранить их организованность, храните их как отдельные файлы и импортируйте по мере необходимости для ссылки на них, например:

В файле с именем store.ts (который имеет определение класса Store):

//if your Category model class is in same folder and called category.ts
import { Category } from './category';

Затем вы можете импортировать внешний класс 'data' в файл, в который необходимо сопоставить ответ, например:

import { Response } from '<some path to your model classes folder>/response';

Answer 2

вы можете создать файл машинописного текста (скажем, response.ts) и хранить там ваши данные, как

export const response = {
  "data": [
    {
      "nationalCustomerId": 31,
      "nationalCustomerName": "Family Dollar",
      "stores": [
        {
          "categories": [
            {
              "category": "Dairy",
              "categoryId": 1
            }
          ],
          "storeId": 18627,
          "storeNumber": 3367
        },

        {
          "categories": [
            {
              "category": "Dairy",
              "categoryId": 1
            }
          ],
          "storeId": 25540,
          "storeNumber": 10164
        },


        {
          "categories": [
            {
              "category": "Dairy",
              "categoryId": 1
            }
          ],
          "storeId": 25735,
          "storeNumber": 10783
        },



        {
          "categories": [
            {
              "category": "Dairy",
              "categoryId": 1
            }
          ],
          "storeId": 26971,
          "storeNumber": 11374
        }
      ]
    }
  ],
  "status": "success"
}

После этого вы можете импортировать эти данные в любой файл, используя следующую инструкцию импорта.

import {response} из 'пути к файлу, в котором он хранится'