角2 - 自定义键字段对象映射?

问题描述 投票:0回答:2

我在我的角度应用程序列表,我试图与发帖。用户能够在自己的键值对进入。所以,我有两个输入,如:

<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。上午我做错了什么?我现在不推到我的清单中,我的方法是什么?

angular
2个回答
2
投票

你需要做一个小的改动

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

1
投票

用这个:

myList.push({[this.name] : this.value});
© www.soinside.com 2019 - 2024. All rights reserved.