javascript - AngularJS - 使用 $valid 进行动态验证

Question

我正在使用 AngularJS 来验证表单，并且我有这个按钮可以提交。

<button type="submit" ng-disabled="btn" ng-click="submit(settings.$valid)"
        class="btn btn-primary">
  Submit
</button>

只要表单无效，该按钮就会被禁用，但一旦表单有效，该按钮就会启用。

这是我的代码

$http.get("http://localhost:5000/settings").then(function(response){
    $scope.numberOfRows = response.data.numberOfRows
    console.log($scope.numberOfRows)
    if($scope.numberOfRows==0 && $scope.settings.$valid == false ){
        $scope.btn=true
    }else if($scope.numberOfRows==0 && $scope.settings.$valid == true){
        $scope.btn=false
    }

    if($scope.numberOfRows==1){
        $scope.btn=true
    }

})

我的问题是，当行数 = 0并且表单无效时，我无法提交我想要的表单。

但是，当我填写表格并使其有效时，什么也没有发生。

你能帮我吗？

Answer 1

$http.get("http://localhost:5000/settings").then(function(response){
    $scope.hasRow= response.data.numberOfRows>0;
    $scope.settings.$valid=$scope.hasRow;
})

并将此代码添加到您的 html

 <button type="submit" ng-disabled="!settings.$valid" ng-click="submit()"
        class="btn btn-primary">
  Submit
</button>