2016-11-11 44 views
0

我正在使用ng2-bootstrap的timepicker組件。我有我自己的驗證功能,由ngModelChange()事件觸發。現在,timepicker組件本身具有自己的驗證器(例如,當模型超出混合/最大值時),並使用.has-error類顯示錯誤。如果我正在做我自己的驗證,我該如何通知timepicker組件它是無效的?將失效通知傳遞給ng2-bootstrap的Timepicker

回答

1

https://github.com/valor-software/ng2-bootstrap/blob/development/components/timepicker/timepicker.component.ts查看組件的來源,它有兩個公共屬性。那些應該觸發組件顯示錯誤的設置。

// validation 
    public invalidHours:any; 
    public invalidMinutes:any; 
+0

不幸的是,似乎並不奏效。傳遞值會拋出此錯誤: '錯誤:未捕獲(承諾):錯誤:模板解析錯誤:由於它不是'timepicker'的已知屬性,因此無法綁定到'invalidHours'。 [錯誤 - >] [invalidHours] =「myInvalidHours」'。我認爲這是因爲invalidHours沒有明確定義爲@Input()。 – ebakunin

+1

這些是公共屬性,而不是您可以像試圖綁定的輸入屬性。如果您使用#ControlName引用控件並將其傳回給組件,則可以設置ControlName.invalidHours,並且這將觸發驗證。 –