如何滾動到角度無效的表單字段

Question

我有一個很多領域的形式，其中一些是必需的。

如何使用$ anchorScroll

$location.hash("<errorFieldID>"); 
$anchorScroll(); 

滾動到一個無效的領域呢？

我的意思是我怎麼能知道，因爲無效的字段的ID：

1. 無效場只能得到一個額外的類，ng-invalid-required， 所以我怎麼能拿到ID？

2. 當多個字段無效時會發生什麼？其中 $ anchorScroll會先滾動？

感謝

Answer 1

也許你可以試試這個

1. var error = $scope.formName.$error; angular.forEach(error.required, function(i, error){ console.log(i.$invalid); if(i.$invalid == true && error == 0) { $('.ng-invalid').focus(); }

2. 對於第二個，我所看到的是，當有多個字段得到類ng無效，它通常會從頂部滾動到第一個。

.focus（）通常會這樣做。如果你真的想使用anchorscroll（），你可以在'if'條件下這樣做 希望有幫助。