AngularJS：無效的輸入不稱呼爲無效，直到我點擊輸入字段並點擊它

我設置輸入字段從JavaScript這樣的無效：AngularJS：無效的輸入不稱呼爲無效，直到我點擊輸入字段並點擊它

$scope.formName.fieldName.$setValidity("string", false);

這是工作，但它影響只有在輸入字段中單擊並單擊後才能查看該視圖。

我該如何改變它以立即查看無效字段？

來源

2017-09-13 jannagy02

這裏沒有足夠的信息，例如什麼是「字符串」定位？ '需要'？ – RamblinRose

這沒關係 – jannagy02

您需要將ng-change="checker(model)"附加到您的輸入字段。然後，只需申請一個ng-class給它檢查formName.fieldName.$error.string（因爲你把字符串作爲錯誤鍵），或者你也可以做formName.fieldName.$invalid && !formName.fieldName.$pristine

我在此附上這codepen你一起玩四周，看看如何申請無效無需專注於該領域。

希望有幫助！

來源

2017-09-14 02:16:31 henrisycip

感謝您的回答。 ng-class =「{'invalid'：formName.fieldName。$ error.string}」正在工作。我接受這個答案，但我已經解決了它的不同：$ scope.formName。$ setSubmitted（）;還將無效樣式設置爲無效字段。 – jannagy02

AngularJS：無效的輸入不稱呼爲無效，直到我點擊輸入字段並點擊它

回答

相關問題