2019-09-06 03:24:05 +00:00
|
|
|
<form *ngIf="form" [formGroup]="form">
|
2019-09-08 01:33:49 +00:00
|
|
|
<ng-container formGroupName="name">
|
2019-09-06 03:24:05 +00:00
|
|
|
<div>
|
|
|
|
<label for="firstName">First Name: </label>
|
|
|
|
<input name="firstName" formControlName="firstName">
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div>
|
|
|
|
<label for="lastName">Last Name: </label>
|
|
|
|
<input name="lastName" formControlName="lastName">
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div>
|
|
|
|
<label for="middleName">Middle Name: </label>
|
|
|
|
<input name="middleName" formControlName="middleName">
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div>
|
|
|
|
<label for="prefix">Prefix: </label>
|
|
|
|
<input name="prefix" formControlName="prefix">
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div>
|
|
|
|
<label for="suffix">Suffix: </label>
|
|
|
|
<input name="suffix" formControlName="suffix">
|
|
|
|
</div>
|
|
|
|
</ng-container>
|
|
|
|
|
|
|
|
<ng-container formArrayName="addresses">
|
|
|
|
<ng-container *ngFor="let addr of addresses.controls; let i=index">
|
|
|
|
<ng-container [formGroupName]="i">
|
|
|
|
<div>
|
|
|
|
<label for="line1">Line 1: </label>
|
|
|
|
<input name="line1" formControlName="line1">
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div>
|
|
|
|
<label for="line2">Line 2: </label>
|
|
|
|
<input name="line2" formControlName="line2">
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div>
|
|
|
|
<label for="city">City: </label>
|
|
|
|
<input name="city" formControlName="city">
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div>
|
|
|
|
<label for="state">State: </label>
|
|
|
|
<input name="state" formControlName="state">
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div>
|
|
|
|
<label for="postalCode">Postal Code: </label>
|
|
|
|
<input name="postalCode" formControlName="postalCode">
|
|
|
|
</div>
|
|
|
|
</ng-container>
|
|
|
|
</ng-container>
|
|
|
|
</ng-container>
|
|
|
|
|
|
|
|
</form>
|
|
|
|
<hr />
|
|
|
|
<pre>
|
|
|
|
{{ form.value | json }}
|
|
|
|
</pre>
|