Как создать новый рекурсивный объект JSON из интерфейса в Angular 8

Question

Я пытаюсь создать Json со следующим форматом

{
  "via": [
    {
      "name": "Kittin",
      "vagon": [
        {"id":123},
        {"id":321}
        ]
    }
  ]
}

Я использую следующий интерфейс

app.interface.ts

interface RootObject {
  via: Via[];
}

interface Via {
  name: string;
  vagon: Vagon[];
}

interface Vagon {
  id: number;
}

Но попытка его использования возвращает следующую ошибку

app.component.ts

varData: IVias;

this.varData.via.push('foo');

// this.varData.via = 'foo';

core.js: 6014 ОШИБКА TypeError:Невозможно прочитать свойство 'via' из неопределенного

Заранее спасибо за помощь

Answer 1

Как говорится в сообщении, varData не определено.

Возможно, потому что оно не инициализировано в начале вашего скрипта.

Простое исправление будет:

this.varData = { 
   via : [],
}