angularjs - 如果表单位于具有 ng-if 条件的 div 内，则无法读取未定义的属性 '$valid'

Question

我有一个 使用 ng-if 在 div 内形成表单健康)状况。最初形式是封闭的。单击按钮时，将显示表单。但是在提交表单时，我收到了 Cannot read property '$valid' of undefined错误。如果我 将 ng-if 更改为 ng-show，效果完美 .但我必须使用 ng-if。我找不到错误的原因。还有一件事，在出现错误时，我也会收到 表单对象为空 .如果有人知道答案，将不胜感激。

这是我的代码

HTML

<div id="addCommentDiv" ng-if="showAddCommentForm == true">
    <form id="formAddComment" name="formAddComment" novalidate>
        <textarea id="taAddComment" name="taAddComment" placeholder="Add a comment.." ng-model="new_comment" ng-maxlength="1000" ng-required="true"></textarea>
        <button type="button" ng-click="addComment()" ng-disabled="addCommentDisabled">Ok</button>
    </form>
</div>

JS

$scope.addCommentDisabled = false;
$scope.addComment = function () {
    if ($scope.formAddComment.$valid) {
        console.log('valid');
    }
}

Answer 1

在 addComment 中传递表单 -
fiddle

$scope.addComment = function (formAddComment) {
 console.log('valid');
 if (formAddComment.$valid) {
    console.log('valid');
 }
}

 <button type="button" ng-click="addComment(formAddComment)" ng-disabled="addCommentDisabled">Ok</button>