2017-08-03 63 views
-3

我應該使用什麼來顯示教員ID是否需要在驗證表格中的數據時彈出框。如果我沒有輸入教師ID,那麼它不應該被添加,並應該顯示該消息。如何顯示彈出的表格驗證中的角度JS

 <table ng-form name="myForm"> 
      <tr> 
       <td>Faculty ID</td> 
       <td><input type="text" ng-model="faculty.id" required/></td> 
      </tr> 
      <tr> 
       <td>Faculty Name:</td> 
       <td><input type="text" ng-model="faculty.name" /></td> 
      </tr> 
      <tr> 
       <td>Faculty Salary:</td> 
       <td><input type="text" ng-model="faculty.salary" /></td> 
      </tr> 
      <tr> 
       <td colspan="2"><button ng-disabled="myForm.$invalid" ng-click="addfaculty(faculty)">ADD</button></td> 
      </tr> 
     </table> 
+1

即使你糾正錯字我認爲它不會被禁用除非你輸入一個所需的輸入。 –

回答

1

你犯了一個錯字:) NG-disbaled 應NG-禁用

0

你可以做到這一點

<table ng-form name="myForm"> 
      <tr> 
       <td>Faculty ID</td> 
       <td ><input type="text" ng-model="faculty.id" required/></td> 
      </tr> 
      <tr> 
       <td>Faculty Name:</td> 
       <td><input type="text" ng-model="faculty.name" /></td> 
      </tr> 
      <tr> 
       <td>Faculty Salary:</td> 
       <td><input type="text" ng-model="faculty.salary" /></td> 
      </tr> 
      <tr> 
       <td colspan="2"><button ng-disabled="myForm.$invalid" ng-click="addfaculty(faculty)">ADD</button></td> 
      </tr> 
</table>