How to scroll a window to the first invalid input in AngularJS?

Question

JavaScript

A common behavior for long forms - when the submit button is clicked - is to show the user erroneously filled fields and scroll the document to the first such field.
How can this behavior be implemented in AngularJS without using jQuery?

Answer 1

var firstInvalidInput = angular.element(".ng-invalid")[0];

- get the first invalid input.
And scroll by the method that the user indicated above.

Answer 2

element.scrollIntoView(alignWithTop);

Answer 3

You don’t need to scroll the browser - just put .focus() on the element, the browser will scroll where it needs to. (Sorry, didn't notice that the question was asked a year ago :)