2017-10-11 81 views
0

我正在尋找能夠基於輸入標籤指令進行自動驗證的Angular4庫。 基本上原因是我不想手工填充(在我的html模板代碼中)所有帶有「Field1 is required」,「Field2必須是有效的電子郵件」等標準消息的表單,其中標有管理錯誤可見性的* ngIf。angular-auto-validate for angular 4

我認爲這個過程可以並且應該是自動的(在運行時)。 我發現這個有趣的庫爲AngularJs編寫:angular-auto-validate

你知道任何類似的Angular4庫嗎? 或者,也許你能建議我一個好方法來完成我的目標嗎?

回答

1

您可以使用一個模型驅動的形式與一些驗證,但並不免除您在HTML代碼中添加郵件...

最近我用ng-dynamic-forms。我通過讓json描述這些表單來生成我的表單。在部份JSON,您可以指定要使用的領域的所有驗證什麼錯誤信息會顯示:

"validators" : { 
      "required": null, 
      "minLength": 2, 
      "customVal": false 
     }, 
"errorMessages": { 
      "required": "Required field. ", 
      "minLength": "A minimum of two characters is required. ", 
      "customVal": "Custom message. ", 
     } 

通過這種方式,你不需要在你的HTML添加manualy標籤,但你必須動態地生成可以添加其他約束的表單...

+0

謝謝您的建議。我會看看動態表格。 – gio