AngularJS：錯誤消息未得到打印

Question

我試圖在我的表單上收到錯誤消息，只要學生姓名不可用。

所以我嘗試這個代碼

<form name="studentForm" novalidate 
      data-ng-submit="studentForm.$valid && enterStudentRecord()"> 

      <div>Student Name :</div> 
      <input data-ng-model="studentName" required> <span data-ng-show="studentForm.studentName.$touched && studentForm.studentName.$invalid">The name is required.</span><br> 
      <div>Street :</div> 
      <input data-ng-model="street"><br> 
      <div>City :</div> 
      <input data-ng-model="city"><br> 
      <div>State :</div> 
      <input data-ng-model="state"><br> 
      <div>zipcode :</div> 
      <input data-ng-model="zipcode"><br> <br> <br> 
      <button type="submit">Add Student Record</button> 
     </form> 

現在，當我在提交按鈕，而不輸入學生的名字我沒有得到任何errormessage的值點擊。

請幫忙!!

Answer 1

你應該輸入

<input data-ng-model="studentName" name ="studentName" required> 

Answer 2

• 創建名稱添加name屬性name="studentName"的元素來進行驗證。
• 設置一個變量點擊event進入提交按鈕並在顯示消息時獲取該變量。

DEMO

var myApp = angular.module('myApp',[]); 
 

 
myApp.controller('MyCtrl', function($scope) { 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="MyCtrl"> 
 
    <form name="studentForm" novalidate data-ng-submit="studentForm.$valid && enterStudentRecord()"> 
 
      <div>Student Name :</div> 
 
      <input data-ng-model="studentName" name="studentName" required> 
 
      <span data-ng-show="submitted == true && studentForm.studentName.$error.required">The name is required.</span><br> 
 
      <div>Street :</div> 
 
      <input data-ng-model="street"><br> 
 
      <div>City :</div> 
 
      <input data-ng-model="city"><br> 
 
      <div>State :</div> 
 
      <input data-ng-model="state"><br> 
 
      <div>zipcode :</div> 
 
      <input data-ng-model="zipcode"><br> <br> <br> 
 
      <button type="submit" ng-click="submitted = true">Add Student Record</button> 
 
     </form> 
 
</div>