Angular 角度2反应式表格产品构建错误
我有下面使用反应式表单的html代码Angular 角度2反应式表格产品构建错误,angular,Angular,我有下面使用反应式表单的html代码 <div class="container"> <div class="row"> <div class="col-xs-12"> <div class="margin-20"> <h4>Add customer</h4> </div> <form [formGroup]="myForm" novalida
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="margin-20">
<h4>Add customer</h4>
</div>
<form [formGroup]="myForm" novalidate (ngSubmit)="save(myForm)">
<div class="form-group">
<label>Name</label>
<input type="text" class="form-control" formControlName="name">
<small *ngIf="!myForm.controls.name.valid" class="text-danger">
Name is required (minimum 5 characters).
</small>
</div>
<!--addresses-->
<div formArrayName="addresses">
<div *ngFor="let address of myForm.controls.addresses.controls; let i=index" class="panel panel-default">
<div class="panel-heading">
<span>Address {{i + 1}}</span>
<span class="glyphicon glyphicon-remove pull-right" *ngIf="myForm.controls.addresses.controls.length > 1" (click)="removeAddress(i)"></span>
</div>
<div class="panel-body" [formGroupName]="i">
<div class="form-group col-xs-6">
<label>street</label>
<input type="text" class="form-control" formControlName="street">
<small [hidden]="myForm.controls.addresses.controls[i].controls.street.valid" class="text-danger">
Street is required
</small>
</div>
<div class="form-group col-xs-6">
<label>postcode</label>
<input type="text" class="form-control" formControlName="postcode">
</div>
</div>
</div>
</div>
<div class="margin-20">
<a (click)="addAddress()" style="cursor: default">
Add another address +
</a>
</div>
<div class="margin-20">
<button type="submit" class="btn btn-primary pull-right" [disabled]="!myForm.valid">Submit</button>
</div>
<div class="clearfix"></div>
<div class="margin-20">
<div>myForm details:-</div>
<pre>Is myForm valid?: <br>{{myForm.valid | json}}</pre>
<pre>form value: <br>{{myForm.value | json}}</pre>
</div>
</form>
</div>
</div>
</div>
如何在prod build中解决此问题?
提前谢谢 可以通过给组件一个get方法来修复:
*ngIf="myForm.controls.addresses.controls.length > 1"
您将面临其他控制问题
myForm.controls.addresses.controls.length
你喜欢这样吗
尝试删除HTML文件中的控件可以通过给组件一个get方法来修复:
*ngIf="myForm.controls.addresses.controls.length > 1"
您将面临其他控制问题
myForm.controls.addresses.controls.length
你喜欢这样吗
尝试删除HTML文件中的控件
get formData() { return <FormArray>this.myForm.get('Data'); }
<div class="form-group" *ngFor="let address of formData.controls; let i = index">
*ngIf="myForm.controls.addresses.controls.length > 1"
myForm.get('addresses').length