AngularJSの検証が機能しません。 ng-requiredが追加されました

Question

AngularJSの検証が機能しません。私はng-requiredを追加しました。私は

<ng-form id="frmdisbursementScheduleMaintenance"> 
      <div style="padding-bottom: 8px;"> 
       <button id="cm-SaveBtn" name="cm-SaveBtn" type="button" ng-click="submitted=true">Save</button> 
       <button id="cm-RefreshBtn" name="cm-RefreshBtn" type="button">Refresh</button> 
      </div> 
      <div> 
        <table> 

         <tr> 
          <td><span class="VNAVLabel">Process Begin Date: </span></td> 
          <td> 
           <span><input type="date" name="processBeginDate" ng-model="processBeginDate" required></span> 
           <span ng-show="(frmdisbursementScheduleMaintenance.processBeginDate.$dirty || submitted) && frmdisbursementScheduleMaintenance.processBeginDate.$error.required"> 
            Process Begin Date is required 
           </span> 
          </td> 
         </tr> 

        </table> 
       </div> 

</ng-form> 

Answer 1

をしないのですどこの代わりにname属性を使用する必要があり、それはidすべきではない私に教えてください。 Angularは、フォーム情報を含むfrmdisbursementScheduleMaintenanceという名前の変数$scopeを作成します。

<ng-form name="frmdisbursementScheduleMaintenance"> 

Answer 2

フォーム要素に「id」の代わりに「名前」を使用します。

また、(frmdisbursementScheduleMaintenance.processBeginDate.$dirty || submitted)を確認する必要はありません。frmdisbursementScheduleMaintenance.processBeginDate.$error.requiredは、このジョブを実行します。

<ng-form name="frmdisbursementScheduleMaintenance"> 
    <div style="padding-bottom: 8px;"> 
     <button id="cm-SaveBtn" name="cm-SaveBtn" type="button" ng-click="submitted=true">Save</button> 
     <button id="cm-RefreshBtn" name="cm-RefreshBtn" type="button">Refresh</button> 
    </div> 
    <div> 
     <table> 
     <tr> 
      <td><span class="VNAVLabel">Process Begin Date: </span></td> 
      <td> 
       <span><input type="date" name="processBeginDate" ng-model="processBeginDate" required></span> 
       <span ng-show="frmdisbursementScheduleMaintenance.processBeginDate.$error.required"> 
       Process Begin Date is required 
       </span> 
      </td> 
     </tr> 
     </table> 
    </div> 
</ng-form>