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

Question

我需要从 ngForm 中正确获取键值。

我在 Angular 中有一个这样的用户界面：

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

学校界面是这样的：

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

我使用 *ngFor keyvalue 来获取键和值，我需要将它们放在一个 标签中，如下所示：

<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"          
          } 
}

我如何才能正确访问和获取学校中那些嵌套的键值？谢谢！

Answer 1

我问到 chatgpt 并且我解决了......解决方案是用方括号绑定值：