单击angularjs更改下拉列表中的选定值

单击angularjs更改下拉列表中的选定值,angularjs,angularjs-directive,Angularjs,Angularjs Directive,我使用angularjs指令创建了一个下拉列表。以下是我使用的模板 <select ng-model="selected" ui-select2="{allowClear: true, placeholder: placeholder}">' + '<option value=""></option>' + '<optgroup ng-repeat="group in Groups" label="{{

我使用angularjs指令创建了一个下拉列表。以下是我使用的模板

<select ng-model="selected" ui-select2="{allowClear: true, placeholder: placeholder}">' +
            '<option value=""></option>' +
              '<optgroup ng-repeat="group in Groups" label="{{group.name}}">' +
                '<option ng-repeat="value in values" value="{{value.code}}" >{{value.name}}</option>' +
              '</optgroup>' +
          '</select>
'+
'' +
'' +
“{{value.name}}”+
'' +
'
现在,我有一个表,其中一列中有相同的下拉值。单击表格行时,我需要获取值并在下拉列表中自动选择相应的值。我能够从行中获取值,但不确定如何在下拉列表中选择单击的选项。
我到处寻找建议,但到目前为止一无所获。请建议。我上周才开始学习angularjs,如果我在这里遗漏了一些明显的东西,请原谅。

一般的解决方案是,您尝试完成的是简单地更改select元素的模型,select BOX的值将自动更新

假设您的表行是这样设置的:

<table><tbody>
    <tr ng-repeat="number in [1,2,3,4]">
         <td><button ng-click="selected = number">{{number}}</button></td>
    </tr>
</tbody></table>

<select ng-model="selected">
    <option ng-repeat="value in [1,2,3,4]" value="{{value}}">{{value}}</option>
</select>

{{number}}
{{value}}

单击表中的按钮将相应地设置选择下拉列表的值

谢谢,我将尝试您的建议:)