Переключить радиокнопки на щелчок angularjs

Question

Как я могу переключаться на переключатели lke при нажатии каждого из них, должен включать соответствующий элемент say say и наоборот. код, который я попробовал:

CheckBox 1: <input type="radio" name="somethign" value="1" ng-model="checkboxSelection" ng-click="disable1='true';disable2='false'"/>

<select ng-model="something" ng-options="r.id as r.name for r in data1" ng-disabled="disable1"> 

CheckBox 2: <input type="radio" name="somethign" value="2" ng-model="checkboxSelection" ng-click="disable2='true';disable1='false';"/>

<select ng-model="something" ng-options="r.id as r.name for r in data2" ng-disabled="disable2"> 

Я не переключаться на основе вышеуказанных code.Can кто-то Pls предложить другое Альтернатива? Спасибо

Answer 1

Как Том уже упоминалось (и который является предпочтительным способом): вы можете просто прочитать значение модели флажков и использовать его в атрибуте инвалидная:

<select ng-model="something" ng-options="r.id as r.name for r in data1" ng-disabled="checkboxSelection == 1"> 

Ваше решение (с использованием отключенных переменных) должно работать также, когда переменная задана как логическая:

ng-click="disable1=true;disable2=false" 

Или, наоборот, настроить нг-инвалида, чтобы явно проверить значение строки, как это:

ng-disabled="disable1==='true'" 

Answer 2

Чистое выполнение было бы отключить элементы выбора в зависимости от выбранного значения:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app ng-init="checkboxSelection = 1"> 
 
    <input type="radio" name="somethign" value="1" ng-model="checkboxSelection"/>First 
 
    <input type="radio" name="somethign" value="2" ng-model="checkboxSelection"/>Second 
 
    <br /> 
 
    <select ng-model="something1" ng-disabled="checkboxSelection != 1"> 
 
     <option>A</option> 
 
     <option>B</option> 
 
    </select> 
 
    <select ng-model="something2" ng-disabled="checkboxSelection != 2"> 
 
    <option>A</option> 
 
    <option>B</option> 
 
    </select> 
 
</div>