javascript - Controller 中的 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>

在添加出价 View 中:

<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

所以，表单总是未定义的问题(at all or $valid/$invalid attr)。我尝试将 formName 用作函数中的参数，作为 $scope.formName 变量(始终未定义)，并在表单上第二次定义 Controller 两次:

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

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

Answer 1

newbid 是你要获取的变量对吧？

尝试:

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