javascript - 为什么我在输入中看到 [object Object]？

Question

我不明白为什么我在输入中看到的不是占位符而是 [object Object]；

这是我的html:

<div class="input-form">
  <input type="text" placeholder="Type name here..." [(ngModel)]="newItem">
  <button (click)="addItem()">Add new</button>
</div>
<ul>
  <li *ngFor="let item of items">{{ item }}
    <button (click)="deleteItem(item)" >Delete</button>
  </li>
</ul>

这里是component.ts:

newItem = {};
items = [];

addItem() {
  if (this.newItem !== null) {
    this.items.push(this.newItem);
    this.newItem = {};
  }
}

Answer 1

[object Object] 是 toString() 函数的结果。

const obj = { };
console.log(obj.toString());

结果:

[对象对象]

您需要传递 string 类型的值，但我强烈建议您根本不要使用 ngModel 传递值。您应该使用 FormGroup 来创建表单。