我在我的角度应用程序列表,我试图与发帖。用户能够在自己的键值对进入。所以,我有两个输入,如:
<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。上午我做错了什么?我现在不推到我的清单中,我的方法是什么?
你需要做一个小的改动
addToList() {
myList.push({[this.name]:this.value});
this.name = "";
this.value = "";
}
用这个:
myList.push({[this.name] : this.value});