如何在javascript中更新对象值

大佬教程收集整理的这篇文章主要介绍了如何在javascript中更新对象值，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决如何在javascript中更新对象值？

开发过程中遇到如何在javascript中更新对象值的问题如何解决？下面主要结合日常开发的经验，给出你关于如何在javascript中更新对象值的解决方法建议，希望对你解决如何在javascript中更新对象值有所启发或帮助；

尝试更新对象值但不起作用。是否可以更新对象值。如何为此找到解决方案。如果有人知道，请帮忙。

updateFn() {
var elements: any = document.getElementsByTagname("input");
for (var i = 0; i < elements.length; i++) {
  if (elements[i].type == "text") {
    this.selVal[i].key = elements[i].value;
    console.log(elements[i].value);
  }
}
}
@H_696_7@
演示：https://stackblitz.com/edit/angular-gss26x?file=src%2Fapp%2Fapp.component.ts
     
解决方法
我认为这就是您尝试做的，这是 stackblitz
 上的示例
在 HTML 上：



{{selValues | json}}
<form #form="ngForm">
  <table class="auto" width="100%">
    <thead>
      <tr>
      </tr>
    </thead>
    <tbody>
      <tr *ngFor="let item of selValues | keyvalue">
        <td>{{item.key}}</td>
        <td><input type="text" [name]="item.key" [ngModel]="item.value"></td>
      </tr>
    </tbody>
  </table>
</form>

<button (click)="resetFn()">Reset</button>
<button (click)="updateFn(form)">update</button>@H_696_7@



在 ts 文件上：



  selValues: any;

  originalValues: any = {
    name: "Test",gender: "Male",id: 1
  };

  ngOnInit() {
    this.resetFn();
  }

  resetFn() {
    this.selValues = { ...this.originalValues };
  }

  updateFn(form: NgForm) {
    this.selValues = form.value;
  }
}@H_696_7@



** 因为您使用的是 keyvalue 管道，所以不能将 ngModel 用作双向绑定。检查this link。
 


 
 
      
大佬总结
       
以上是大佬教程为你收集整理的如何在javascript中更新对象值全部内容，希望文章能够帮你解决如何在javascript中更新对象值所遇到的程序开发问题。
		
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
		
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。