javascript - Angular - 在对象的新属性中创建属性

Question

目前，我的 html 中有一个 select 元素，它有一个对象 details 的 ngModel:

[ngModel]="details?.publicInformation?.firstname" 

但是，publicInformation 可能不存在于该对象中，或者即使存在，也可能 firstname 不存在。不管怎样，最后，我想创建以下内容:

[ngModel]="details?.publicInformation?.firstname" (ngModelChange)="details['publicInformation']['firstname'] = $event"

基本上，如果选择被触发，即使 publicInformation 和 firstname 都不存在，我想在 details 和存储来自选择的值。

问题是我得到了

Cannot set property 'firstname' of undefined

谁能解释一下我在这里做错了什么，我怎样才能达到我想要的结果？

Answer 1

需要将details和publicInformation初始化为空对象

public details = {publicInformation : {}};