使用Angular2.0.0-rc.4进行PrimeNG验证

时间:2016-08-07 05:10:31

标签: angular primeng primeng-calendar

我正在尝试在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控件添加到角形?

1 个答案:

答案 0 :(得分:0)

我认为您使用的是模板驱动表单。

只需删除formControlName="eventStartDate"并将其替换为name="eventStartDate",我相信这对您有用。