2017-08-10 13 views
0

ここで私のModalテンプルでAnular2 FormGroupを使用しています。 この私のフォームグループは、なぜ私は以下のエラーを取得していますが、私の総コードformGroupはFormGroupインスタンスを要求します。 Angeling2でエラーが発生しました

<div class="modal-header"> 
    <h4 class="modal-title pull-left">{{title}}</h4> 
    <button type="button" class="close pull-right" aria-label="Close" (click)="bsModalRef.hide()"> 
     <span aria-hidden="true">&times;</span> 
    </button> 
</div> 
<div class="modal-body"> 
     <form class="form-horizontal" novalidate [formGroup]="EmployeeForm"> 
      <fieldset> 
       <div class="form-group" [ngClass]="{'has-error': (EmployeeForm.get('EmpName').touched || 
                EmployeeForm.get('EmpName').dirty) && 
                !EmployeeForm.get('EmpName').valid }"> 
        <label for="name">Name</label> 
        <input type="text" class="form-control" formControlName="EmpName" [(ngModel)]="EmpName" /> 
        <span class="help-block" *ngIf="(EmployeeForm.get('EmpName').touched || 
                 EmployeeForm.get('EmpName').dirty) && 
                 EmployeeForm.get('EmpName').errors"> 
         <span *ngIf="EmployeeForm.get('EmpName').errors.required"> 
          Please enter your first name. 
         </span> 
         <span *ngIf="EmployeeForm.get('EmpName').errors.minlength || EmployeeForm.get('EmpName').errors.maxlength || 
         EmployeeForm.get('EmpName').pattern"> 
          The first name must be longer than A3 and max5 characters. 
         </span> 
        </span> 
       </div> 

あなたがチェックするngIf条件を追加する必要がありますComponet.ts

EmployeeForm: FormGroup; 

答えて

1

ですFormGroupに値がある場合

*ngIf="EmployeeForm" 
関連する問題