Справочное поле интерфейса в angular

Question

В машинописном тексте у меня есть командный интерфейс с поставщиком:

export interface Command {
  supplier?: Supplier;
}

export interface Supplier {
  id?: number;
  name: String;
}

Я пытаюсь отобразить имя поставщика в angular inputtext, прежде чем я выберу поставщика, но я получаю сообщение об ошибке

ошибка команды. Поставщик не определен

<input id="input" type="text" size="30" pInputText [(ngModel)]="command.supplier.name">

Answer 1

вам необходимо инициализировать его в своем компоненте, например: -

public component = {
   supplier: {
       id: null,
       name: null
   }
};

или использовать в шаблоне с оператором безопасного обхода: -

<input id="input" type="text" size="30" pInputText [(ngModel)]="command.supplier.name">