html - Angular 属性无法设置未定义的属性

我的父组件中有这个：

target: {
  garageName: string,
  details: string
}

所以它基本上就像定义一个接口。

我的HTML中有

<div>
  <input
    (change)="inputChange($event)"
    placeholder='add garagename'>
</div>

我的parent.ts文件：

inputChange(event){
  this.target.garageName = event.target.value;
}

而且我不断收到这个错误


  未捕获的TypeError：无法设置未定义的属性“ garageName”
          在评估（评估在


为什么会这样呢？我知道它是未定义的，因为我想在其中添加价值。而不是初始值。

最佳答案

看来您尚未初始化target。

这样做，它应该可以正常工作。像这样：

target: { garageName: string, details: string } = {
  garageName: '',
  details: ''
};

...

inputChange(event) {
  this.target.garageName = event.target.value;
}

  这是供您参考的Working Sample StackBlitz。