AngularJs内の別のdiv内のコントロールの検証

Question

私はAngularJsを使用しています。私は2つのdivを持っています。私はそれを隠してお互いに見せています。各divにはいくつかのコントロールが含まれています。これは送信ボタンをクリックすると「必要な」確認が設定されています。デフォルトでは、div "createMenu"が表示されます。以下は、使用されるコードは次のとおりです。

<div ng-controller="testController" ng-init="init()"> <form name="mainForm" id="createForm" ng-submit="mainForm.$valid && add()" novalidate=""> <div class="container" ng-show="createMenu">
<div class="row"> <div class="col-sm-2"> <label>Name :</label> </div> <div class="col-md-6 form-group"> <input type="text" maxlength="150" required="" ng- model="testName" name="testName" /> </div> </div> <span style="color:red" ng-show="submitted == true && mainForm.testName.$error.required">Name is required</span> <br /> <input type="submit" value="Submit" ng-click="submitted=true" /> </div> <div class="container" ng-show="copyView"> <div class="row"> <div class="col-sm-4"> <label class="control-label">New Name :</label> </div> <div class="col-sm-4"> <input type="text" required="" maxlength="150" class="form-control" ng-model="NewName" name="NewName" /> </div> </div> <span style="color:red" ng-show="submitted == true && mainForm.NewName.$error.required">New Name is required</span> <input type="submit" value="Submit" ng-click="copydata()" /> </div>

問題がある：私は最初のdivで送信ボタンをクリックすると、DIV「copyView」のコントロールも有効となっています。最初のサブミットボタンをクリックすると、 "createMenu" divでのみ使用可能なテキストボックスを検証します。 "copyView" divが表示されているときに、そのdiv内のsubmitボタンがクリックされたときよりも、 "New Name"テキストボックスを有効にする必要があります。

エラーメッセージが表示されたときに、2つのdivを区別する方法。 ありがとう

Answer 1

別のdivタグに別のformタグを使用できます。 のようなもの

<div ng-controller="name"> 
<form> 
    //first dive 
</form> 
<form> 
    //second div 
</form> 
</div>