AngularJS自动选择/取消选择单选按钮

Question

我有AngularJs代码，我希望自动选择一个单选按钮，并且只要用户选择一个复选框，然后从下拉列表中选择一个特定选项，就会取消选择另一个单选按钮。

因此，从上图中，如果用户选择了起搏复选框，然后从下拉列表中均匀选择，则应自动选择“特定时区”单选按钮。根据按钮选择的顺序，有时候如果首先选择了起搏和均匀，然后选择了“时段”复选框，则会选择“用户时区”单选按钮并在下拉列表中不再选择

<div class="radio radio-primary radio-specific">
  <input name="timezone" id="specific_time" type="radio" checked="checked"
         ng-click="specificTimezone = true;$ctrl.specificTimezoneRadioClicked()">
  <label for="specific_time">Specific timezone</label>
</div>


<input ng-if="!$ctrl.isDeliveryPacingFeatureEnabled"
    name="timezone" id="user_time" type="radio" checked="checked"
    value="viewer"
    ng-model="$ctrl.deal.deal_settings.dayparting.timezone"
    ng-click="specificTimezone = false">

我使用以下行禁用“用户时区”单选按钮

ng-disabled =“$ ctrl.pacingEnabled（）＆amp;＆amp; $ ctrl.evenlyPacingEnabled（）”

Answer 1

您要找的是ng-change您可以阅读documentation here。

<select type="text" class="form-control" style="width:25%" ng-model="selectedVal" ng-change="changeOption()">
  <option ng-repeat="lookup in optionsList" ng-value="lookup">
    {{lookup}}
  </option>
</select>

希望jsfiddle link能让你有个先机。