ラジオボタンをクリックしてanglejsを使用してドロップダウンボックスをリセットする

Question

私はドロップダウンとその横にあるラジオボタンを持っています。アイテムがドロップダウンメニュー で選択され、ユーザーがラジオボタンをクリックすると、ドロップダウンがリセットされ、 デフォルト値として「選択番号」が表示されます。 どうすればそれを達成できますか？

<div class="selection"> 
     <label for="accountNumber" class="lbl">@T("Customer Account:")</label> 
     <select id="accountNumber" class="sel" name="accountNumber" ng-model="vm.defaultValue" 
       ng-options="item for item in vm.retrieveAliasName">        
      <option value="">Select Account</option> 
     </select> 
    </div> 
    <div id="acctsAll" class="all"> 
     <input type="radio" id="AllAccounts" /><span class="lbl">("All")</span> 
    </div> 

Answer 1

まず、ng-modelディレクティブを使用して、ラジオのモデルの入力を割り当てる必要があります。次に、このモデルの値が「すべて」の値と一致し、vm.defaultValueのデフォルト値をクリアしていることを確認する必要があります。

また、「すべて」のラジオが選択されているときに選択入力をクリアして無効にする必要がありますが、選択入力からオプションを選択できるようにする他のラジオが必要な場合があります。それに基づいて私はあなたを助けるためにthis fiddleを作成しました。

お知らせ以下の部分：

<input ng-change="vm.clearDefaultValue()" ng-model="vm.areAllSelected" type="radio" id="AllAccounts" ng-value="true" /> 

とコントローラ機能：

this.clearDefaultValue = function() { 
    this.defaultValue = null; 
}