使用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"，我相信这应该适用于您。