formGroup需要一個FormGroup實例。 請傳遞一個。Angular2中出現錯誤

Question

在這里，我在我的模態模板中使用Anular2 FormGroup，甚至在獲得此錯誤時也是如此。 這是我的表單組然后為什么我出現錯誤以下是我的總代碼

<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>

Componet.ts

EmployeeForm: FormGroup;

Answer 1

您需要添加一個ngIf條件來檢查FormGroup是否具有值

*ngIf="EmployeeForm"