不完全なフォームの送信ボタンが無効になっています

Question

人をリストに追加できるフォームがあります。ただし、「送信」ボタンを押すことができるようにするには、入力ボックスにテキストが必要です。しかし、これは動作していません。誰かが私が間違ったことを教えてくれることを望んでいた。ありがとう。

<nav class = "main-navigation" role='navigation'> 
     <form name = "addForm"> 
     <ul> 
     <li style= "font-size: 20px;">Name</li> 
     <input type = "text" name = "Name" size = "40" class = "box1" ng-model = "input" required/> 

     <li style= "font-size: 20px;">Number</li> 
     <input type = "text" name = "Number" size = "40" class = "box2" ng-model = "input2" required/> 

     <li style= "font-size: 20px;">Appointment Date</li> 
     <input type = "text" name = "Date" size = "40" class = "box3" ng-model = "input3" required/> 

     <li ><a href = '#' style = "text-decoration: none; color: inherit;" class = "button" ng-disabled="addForm.$invalid" ng-click = "addName()" >Submit</a> 
      <a href = '#' style = "text-decoration: none; color: inherit;" class = "cancel">Cancel</a> 
     </li> 
     </ul> 
    </form> 

    </nav> 

Answer 1

ハイパーリンクには無効な属性はありません。これを行うことができます：

.disabled { 
    cursor: not-allowed; 
} 

<a ng-click="disabled()" ng-class="{disabled: addName()}">Add</a> 

$scope.disabled = function() { 
    if($scope.addName) { return false;} 
}