控制器中的Angularjs表单始终未定义

Question

在我的项目中，我使用 ui-view 并具有以下结构（删除了不必要的代码）：

<main class="content">
    <div class="inner" ng-controller="OrderPageController">
        <div ui-view="main-info"></div>
        <div ui-view="comments"></div>
        <div ui-view="bids-list"></div>
        <div ui-view="add-bid"></div>
    </div>
</main>

在加价视图中：

<form name="newbidform" novalidate ng-submit="postNewBid(newbidform);">
   <input type="text" ng-model="newbid.bid" required>
   <input type="submit">
</form>

所以，然后我提交表单，我尝试检查所有必需的输入是否有效：

$scope.postNewBid = function(form) {

console.log(form) // $valid and $invalid always undefined
console.log($scope.newbidform) // always undefined

        // check validity before send
        if (!form.$valid) {
            angular.forEach(form.$error, function (field) {
                angular.forEach(field, function(errorField){
                    errorField.$setTouched();
                })
            });
            $scope.failedSubmit = true;
            return false;
        } else {
            $scope.failedSubmit = false;
        } 
// other things if form is valid

所以，表单总是未定义的问题（根本或 $valid/$invalid attr）。我尝试使用 formName 作为函数中的参数，作为 $scope.formName 变量（始终未定义），并在第二次在表单上定义控制器两次：

<form name="newbidform" novalidate ng-submit="postNewBid();" ng-controller="OrderPageController">

实际上，它可以工作，但是当我尝试访问控制器中的其他变量时 - 我不能。那么，有没有办法在 AngularJs 的控制器中获取表单状态？谢谢

Answer 1

newbid 是你想要得到的变量，对吧？

试试：

<form name="newbidform" novalidate ng-submit="postNewBid(newbid);">

Answer 2

听起来您的表单嵌套在子范围内，例如在 ng-include 或 ng-if 内，在这种情况下，由于表单对象不存在于父范围内，因此当 Angular 创建它时，父级不会看到它在孩子身上。

您可以通过简单地在父控制器中创建一个空对象来修复它，并且该对象将被子范围继承。由于对象现在存在，因此不需要创建新对象，所有属性都将添加到子范围内的引用中。

$scope.newbidform ={};
$scope.postNewBid = function(form) {...