Angular 如何访问嵌套的ngModel属性2?

Angular 如何访问嵌套的ngModel属性2?,angular,mean-stack,angular-ngmodel,Angular,Mean Stack,Angular Ngmodel,我真的希望有人能帮我。我正在尝试访问模型中的嵌套属性,但当前无法访问 这是我的angular模型,我正试图将其发送到我的节点和Mongo后端 export class Address { id: string; name: string; imgUrl: string; address: { street?: string, suite?: string, city?: string, zipcode?: string }; phone?:string; } 下面是我尝试使用m

我真的希望有人能帮我。我正在尝试访问模型中的嵌套属性,但当前无法访问

这是我的angular模型,我正试图将其发送到我的节点和Mongo后端

export class Address {
id: string;
name: string;
imgUrl: string;
address: {
  street?: string,
  suite?: string,
  city?: string,
  zipcode?: string
};
phone?:string;
}
下面是我尝试使用model.foo.boo访问它的方式,但这显然不起作用,我尝试使用[ngModel]和(ngModelChange)来访问它。下面是我的html部分:

 <form name="form" #f="ngForm" class="col-md-8 m-auto" (ngSubmit)="f.form.valid && upload()" novalidate>
  <div class="form-group" [ngClass]="{ 'has-error': f.submitted && !name.valid }">
    <label for="name">Full Name</label>
    <input type="text" class="form-control" name="name" [(ngModel)]="model.name" #name="ngModel" required>
    <div *ngIf="f.submitted && !name.valid" class="help-block">Username is required</div>
  </div>
  <div class="form-group">
    <label for="imgUrl">URL for profile image:</label>
    <input type="text" class="form-control" name="imgUrl" [(ngModel)]="model.imgUrl">
  </div>
  <div class="form-group">
    <label for="street">Street:</label>
    <input type="text" class="form-control" name="street" [ngModel]="model.address?.street" (ngModelChange)="model.address && model.address.street=$event"  >
  </div>
  <div class="form-group">
    <label for="suite">Suite:</label>
    <input type="text" class="form-control" name="suite" [(ngModel)]="model.address.suite">
  </div>
  <div class="form-group">
    <label for="city">City:</label>
    <input type="text" class="form-control" name="city" [(ngModel)]="model.address.city">
  </div>

全名
用户名是必需的
配置文件图像的URL:
街道:
一套:
城市:

提前谢谢你

如果要在表单中创建子组,应使用
NgModelGroup

<ng-container ngModelGroup="address">
  <div class="form-group">
    <label for="street">Street:</label>
    <input type="text" class="form-control" name="street" [ngModel]="model.address?.street" (ngModelChange)="model.address && model.address.street=$event">
  </div>
  ...
</ng-container>

街道:
...

阅读以下文章后,还可以创建可重用的AddressControl:


只有当我像model:Address={id:'1',name:'Address',…}那样给出模型属性值时,这才有效。如果我像这样做,它在没有NgModelGroup的情况下工作,但在我看来并不正确。我已经阅读了您发送的文章“属性显示”,但当我在前端记录模型并在后端记录req.body时,它们似乎没有绑定到模型。谢谢你,这些问题对你有帮助吗?它看起来几乎像是你要求的复制品