json 如何从NgForm中正确获取嵌套对象?

kx1ctssn  于 2023-05-19  发布在  其他
关注(0)|答案(1)|浏览(158)

我需要从ngForm中正确获取键值。
我在Angular中有一个这样的用户界面:

export interface User {
 id: int; 
 name: string; 
 surname: string; 
 school: School;  
}

学校的界面是这样的:

{
 id: int;
 name: string; 
 address: string; 
}

我使用 *ngFor keyvalue来获取key和value,我需要将它们放在一个标签中,如下所示:

<form #myForm="ngForm">
<div *ngFor="let item of user | keyvalue">
<input ngModel="{{item?.value}}" name="{{item?.key}}" >
</form>

当我调用我的组件myForm.value时,例如使用console.log(myForm.value),结果如下所示:

{ 
 id: "someValue"
 name:"someValue" 
 surname: "someValue" 
 school: "[object Object]" 
}

但我需要它是这样的:

{ 
 id: "someValue"  
 name:"someValue" 
 surname: "someValue" 
 school: {          
           id:"someValue"           
           name: "someValue"           
           address: "someValue"          
          } 
}

如何正确访问和获取学校中嵌套的键值?谢谢大家!

2ledvvac

2ledvvac1#

我问chatGPT,它为我解决了这个问题。解决方案是用方括号绑定值:

<input type="hidden" [ngModel]="item?.value" [name]="item?.key" >

相关问题