フォームがng-if条件付きのdiv内にある場合、プロパティ '$ valid'は未定義です。

Question

はdiv内にng-ifという条件があります。最初はフォームが閉じられています。ボタンをクリックすると、フォームが表示されます。しかし、フォームを提出すると、私はCannot read property '$valid' of undefinedエラーが発生しています。私がをng-showに変更した場合、それは完全にになります。しかし、ng-ifを使用する必要があります。私はエラーの理由を見つけることができません。もう一つ、エラーが発生すると、私はフォームオブジェクトをヌルにも取得しています。誰かが答えを知っているなら、それは感謝されます。ここで

は私のコードJS

<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> 

HTMLで

$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> 

Answer 2

NG-かの条件があるまで、DOMにコンポーネントを追加しません条件満足しているのに対し、ng-show DOMにコンポーネントを追加し、条件が満たされると表示します。 これはDOM上で利用できないため、エラーを出している理由です。