無効なフォームフィールドにスクロールする方法

Question

フォームが多数あり、そのうちのいくつかは必須です。

にはどうすれば無効なフィールドにスクロールする$ anchorScroll

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

を使用することができますか？

私はどのように私は以来、無効なフィールドのIDを知ることができます意味：ので、どのように私はIDを取得することができます 、ng-invalid-required、無効なフィールドだけ余分なクラスを取得

1. ？

2. 複数のフィールドが無効な場合はどうなりますか？ $ anchorScrollが最初にスクロールしますか？

おかげで

Answer 1

たぶん、あなたは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. これを試してみることができ、私が見てきたことは得る複数のフィールドがある場合ということですclass ng-invalidは、通常、最初から上にスクロールします。

.focus（）は通常トリックです。 anchorscroll（）を本当に使用したい場合は、 'if'条件で行うことができます 希望に役立ちます。