Question

我在我的应用中使用ReactiveFroms。当我添加static控件时，每件事都运行正常。我使用validation类inbuilt显示controls个错误。使用静态控件工作Plunkr。

但是当我尝试添加dynamic控件时，我无法访问控件以应用inbuilt验证。

我在从reference访问控件HTML template时遇到问题，无法应用验证。我无法弄清楚如何访问控件。这是其中的傻瓜。

以下是我添加动态控件的模板：

  <form [formGroup]="valForm" class="form-validate form-horizontal"  >
<div formArrayName="banks">
     <div *ngFor="let bank of bankArray.controls;let i = index" [formGroupName]="i">
        <legend>Bank Details</legend>
    <fieldset>
        <div class="form-group">
            <label class="col-sm-2 control-label">Name of the Bank</label>
            <div class="col-sm-6">
                <input class="form-control " type="text" placeholder="Enter Bank Name" formControlName="bankName" [formControl]="valForm.controls['banks']" />
                <span class="text-danger" *ngIf="valForm.controls['bankName'].hasError('required') && (valForm.controls['bankName'].dirty || valForm.controls['bankName'].touched)">This field is required</span>
            </div>
        </div>
    </fieldset>
    </div>
 </div>
 <button (click)="addNewBank()">Add New Bank</button>
 </form>

我无法弄清楚如何访问formControl以添加验证。我试过各种方法，如：

       valForm.controls['banks'][bankName]; //Not working
       valForm.controls['banks'][0][bankName] //Not working

         <input class="form-control " type="text" placeholder="Enter Bank Name" formControlName="bankName" [formControl]="valForm.get('bankName')" />
                <span class="text-danger" *ngIf="valForm.controls['bankName'].hasError('required') && (valForm.get('bankName').dirty || valForm.get('bankName').touched)">This field is required</span> //Not working

这是plunker。

Answer 1

我看到了几个选项


        env=Environment()
        conf=Configure(env)
        if not conf.CheckLib('lapack'):
            print 'Did not find Lapack, exiting!'
        Exit(1)

如何在组件中的FormArray中定义的HTML中访问控件 - Angular2

1 个答案: