angularjs - Angularjs でネストされたフォームを適切に処理する方法

Question

Web アプリのフロントエンドに angularjs を使用しています。現在、複数の返信フォームと編集フォームを含むコメント ビューがあります (ng-repeat のため)。フォーム検証を各フォームに適切に適用できるように、以下のコードをどのように書き直すことができますか (現在、コードは返信コメント用のフォームのみを表示しています)。ng-form を使用してみましたが、失敗しました。

<div class="comments">
<div ng-hide="comments.length>0||angular.isUndefined(comments)" ng-cloak>
    <p class="center">No comments yet, be the first one!</p>
</div>
<div class="comment clearfix" ng-repeat="comment in comments track by $index"
     style="padding-left:{{comment.margin}}px">

    <div class="body" style="padding-left:60px">

        <span ng-hide="comment.edit_mode">{{comment.comment}}</span>

        <div ng-show="comment.edit_mode">
            <textarea msd-elastic="" ng-model="comment.comment" class="form-control" rows="1">{{comment.comment}}</textarea>
        </div>

    </div>

    <div class="add-comment reply" ng-show="open_reply" ng-cloak>

        <form name="form.replyForm" class="form-inline clearfix" role="form"
              ng-submit="Submit(reply.comment,story.id,reply.anonymous,comment.comment_id,$index);open_reply=false;reply.comment=''"
              novalidate>
            <div id="comment-form">
                <img ng-src="{{user.avatar}}" alt="" class="avatar"/>
                    <span>
                        <textarea msd-elastic ng-model="reply.comment" class="form-control message" rows="1"
                                  placeholder="Add a comment..." ng-click="show_reply_anonymous_checkbox=true"
                                  focus-on="open_reply" name="comment" required></textarea>
                        <span style="color:red" ng-show="form.replyForm.comment.$error.required">test</span>
                    </span>
                <button type="submit" ng-disabled="form.replyForm.$invalid"
                        class="btn btn-primary submit">
                    Reply
                </button>
            </div>
        </form>
    </div>
</div>