使用Angular2.0進行驗證驗證2.0.0-rc.4

Question

我正嘗試使用ngForm內的primeng datepicker並應用所需驗證。

<p-calendar formControlName="eventStartDate" 
      inputStyleClass="form-control" 
      #eventStartDate="ngModel" 
      ngControl="eventStartDate" 
      id="eventStartDate" 
      [(ngModel)]="event.eventStartDate" 
      minDate="+1d" 
      [showIcon]="true" 
      required> 
      </p-calendar> 
<span [hidden]="eventStartDate.valid || eventStartDate.pristine" 
     class="help-block"> 
     Start Date is required ! 
</span> 

不過，我發現了一個例外，

Template parse errors: 
There is no directive with "exportAs" set to "ngModel" ("      
    <div class="input-group form-inline"> 
    <p-calendar [ERROR ->]#eventStartDate="ngModel" 
       name="eventStartDate" 
       formControlName="eventStartDate" 
       inputStyleClass="f").  

我們應該如何添加primeng控件角形式？

Answer 1

我認爲你正在使用模板驅動的表單。

只要刪除formControlName="eventStartDate"並將其替換爲name="eventStartDate"，我相信這應該適用於您。