javascript - 根据选中的单选按钮更改选择框

Question

我想更改基于单选按钮的选择框的内容。

我正在使用AngularJS。所以，我的选择框如下所示:

<select ng-controller="MyController">
    <option ng-repeat="o in array_of_values" value="{{o.id}}">{{o.value}}</option>
</select>

现在，根据我的单选按钮是否被选中，我想要在选择框中加载一组不同的值。

我对 Angular 没有太多经验，但我怀疑我可以动态更改 $scope.array_of_values在MyController 。类似this example的东西(官方文档)

我见过another example ，您可以在其中基于单选按钮更改 div 的内容，只需使用 ng-model + ng-show

已编辑:但我还有另一个困难:我确实有几对单选按钮/选择框，作为表格的行，并且它们是动态生成的。我可以使用纯 jQuery 加上 JavaScript 函数来获取每个单选按钮的 id，然后根据 onClick 更改特定的选择框。单选按钮的事件。但我倾向于认为有一种更优雅的方法可以做到这一点，即使用 AngularJS。我说得对吗？

有任何线索吗？我应该遵循什么方法？

提前非常感谢

Answer 1

您应该首先阅读文档并选择正确的组件。

选择 Angular 方式:https://docs.angularjs.org/api/ng/directive/ngOptions

电台:https://docs.angularjs.org/api/ng/input/input%5Bradio%5D

$观察 radio 模型并更改 array_of_values 值。更喜欢使用对象而不是值({id:0, value:"value0"})。

$scope.radio = {name:"Radio1"};
$scope.$watch('radio', function(newVal, lastVal){ 
       if(newVal.name === 'radio2') 
            $scope.array_of_values = values2 
       };
 });