Angular / Typescript объект не может достичь с помощью ngModel

Question

У меня есть некоторые данные, которые я связываю с ngModel, но у меня возникают проблемы.

Вот пример данных и кода:

dat = {
      "id": 0,
      "name": "",
      "subitem": {
        "subName": "",
      }
};

Если я использую:

[(ngModel)]="dat.name"

все будет работать нормально и не выдает никаких ошибок, но если я попытаюсь дозвониться до subName:

[(ngModel)]="dat.subitem.subName"

или

[(ngModel)]="dat.subitem[0].subName"

Я получаю ошибку:

Невозможно прочитать свойство .. из неопределенного

Как мне связаться с subName?

Answer 1

dat.subitem - это не массив, это объект, поэтому вы можете получить доступ к объекту value следующим образом [(ngModel)]="dat.subitem?.subName"