使用角度j自動滾動到第一個空白必填字段

Question

我已經創建了一個使用大約7個輸入元素的角度js的表單。當我點擊提交時，我想讓表單滾動到需要的第一個空白字段。但現在它不正確地指向空白字段。任何解決方案來解決這個？

Check the error here.

Answer 1

提交表單之前，您可以檢查表單是否有效與否和使用.focus()關注該元素上。

$scope.onSubmit = function(yourForm) { 
    if (!yourForm.$valid) { 
    angular.element("[name='" + yourForm.$name + "']").find('.ng-invalid:visible:first').focus(); 
    return false; 
    } 
}; 

方法＃2 - 你也可以使用$ anchorScroll服務

看到的文檔here

$scope.onSubmit = function(yourForm) { 
    if (!yourForm.$valid) { 
    var id = angular.element("[name='" + yourForm.$name + "']").find('.ng-invalid:visible:first').data('id'); 
    $location.hash(id); 
    $anchorScroll(); 
    return false; 
    } 
};