如何在頁面頂部顯示錯誤而不是在輸入html元素旁邊顯示

Question

如何在頁面頂部顯示錯誤而不是在輸入html元素旁邊顯示錯誤。請建議。

<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.$dirty || submitted) && frmdisbursementScheduleMaintenance.processBeginDate.$error.required"> 
            Process Begin Date is required 
           </span> 
          </td> 
         </tr> 

        </table> 
       </div> 

</ng-form> 

Answer 1

您在所有的表單錯誤form.$error。

只需對錯誤進行迭代並顯示任何你想要的位置。像：

<ul> 
    <li ng-repeat="(key, errors) in form.$error track by $index">{{ key }} errors : 
    <ul> 
     <li ng-repeat="error in errors">{{ error.$name }}-{{ key }}</li> 
    </ul> 
    </li> 
</ul>