Question

我的Angular应用程序中有一个列表，我想与之一起发布。用户可以输入自己的键值对。所以我有两个输入，例如：

<input type="text" id="name" [(ngModel)]="name" />
<input type="text" id="value" [(ngModel)]="value" />
<button class="btn" (click)="addToList()" />

我的TS文件的内容如下：

myList : any = [];
name = "";
value = "";

addToList() {
  //I wanted to do myList.push({this.name:this.value}), but it didn't work
  myList[this.name]=this.value;
  this.name = "";
  this.value = "";
}

onSubmit() {
    var submitJSON = {
       userList = myList,
       ....
    }
    console.log(submitJSON);
}

但是，在我的提交流程中，它显示对象为空，长度为零。使用控制台命令时，可以看到在构造提交对象时填充了该列表，但是列表未添加到提交对象中，并且长度为0。在控制台中进行检查时，可以看到我的列表。对象，我可以看到它在列表中有一个键值对，但长度为0。我做错了吗？我是否应该以自己的方式推入清单？

Answer 1

您需要做些小改动

addToList() {
  myList.push({[this.name]:this.value});
  this.name = "";
  this.value = "";
}

Answer 2

使用此：

myList.push({[this.name] : this.value});

角度2-具有自定义键字段的对象图？

2 个答案: