Angular 如何访问嵌套的ngModel属性2?
我真的希望有人能帮我。我正在尝试访问模型中的嵌套属性,但当前无法访问 这是我的angular模型,我正试图将其发送到我的节点和Mongo后端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
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: