如何检查数组中的值并映射到 Angular 中的 ngModel？

Question

这是我的模型class。我必须将数组中的值映射到相应的 ngModel 检查 title 并将 result 推送到 ngModel 值中。

在组件文件中

  export class demoModel{
          demo1:string
          demo2:string
        }



demo=new demoModel()

var data=    [{title:"demo1",result:1},{title:"demo2",result:2}]

for (const iterator of this.data) {
  console.log(iterator)
//works upto here 
for (const key of Object.keys(this.demo)) {
this.demo[key]=iterator.result;          
}
}

在HTML

  <input [(ngModel)]="demo1">
  <input [(ngModel)]="demo2">

如何在 angular 中实现这一点？

我尝试使用 Object.keys 来映射值，但它不起作用。

Answer 1

尝试映射数据和对象的键，如果data.title与对象的键匹配，分配data.result 到对象的键。

export class demoModel {
    demo1: string = '';
    demo2: string = '';
}

demo = new demoModel();

var data = [{
    title: "demo1",
    result: 1
}, {
    title: "demo2",
    result: 2
}]


this.data.map(x => {
    Object.keys(this.demo).map(y => {
        if (y == x.title) {
            this.demo[y] = x.result;

        }
    })
})`

如何检查数组中的值并映射到 Angular 中的 ngModel？

How to check value from array and map to ngModel in Angular?

json

typescript

ngmodel

angular