無効な選択オプションを選択した場合、フォームを無効にする

Question

選択タグのvalue="0"を選択した場合、フォームを無効にする方法はありますか？私がこれをした理由は、ユーザーが何かを見る前にデフォルトの選択オプションを表示することです。

ユーザーが何も選択しなくても、フォームは有効です。

<form name="add_task_frm" ng-submit="!add_task_frm.$valid || functiontoUse()" novalidate> 

    <input type="text" ng-model="name" required /> 

    <select ng-model="action" required> 
     <option value="0" selected disabled>Choose an Action</option> 
     <option value="description">See Description</option> 
     <option value="view">View</option> 
    </select> 

    <button type="submit">Submit</button> 

</form> 

Answer 1

最初のオプションから値を削除すると、ユーザーが何も選択しないと無効になるはずです。ただし、ng-optionsを使用するようにこの実装を変更することをお勧めします。

https://docs.angularjs.org/api/ng/directive/ngOptions