如何滚动到角度中的无效表单字段

Question

我有一个包含很多字段的表单，其中一些是必需的。

如何使用$ anchorScroll

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

滚动到无效字段？

我的意思是我怎么知道无效字段的id，因为：

1. 无效字段只会获得额外的课程ng-invalid-required， 那我怎么能得到这个？

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'条件下这样做 希望有所帮助。