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

时间:2016-04-09 15:33:55

标签: angularjs forms validation

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

如何使用$ anchorScroll

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

滚动到无效字段?

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

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

  2. 当多个字段无效时会发生什么?哪里     $ anchorScroll将首先滚动?

  3. 由于

1 个答案:

答案 0 :(得分:0)

也许你可以尝试一下

  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无效时,它通常会从顶部滚动到第一个字段。

  3. .focus()通常可以解决问题。如果你真的想使用anchorscroll(),你可以在'if'条件下这样做 希望有所帮助。

相关问题