单击angularjs时更改下拉选择值

时间:2013-09-17 08:15:27

标签: angularjs angularjs-directive

我使用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>

现在,我有一个表在其中一列中具有相同的下拉值。单击表格行时,我需要获取值并自动在下拉列表中选择相应的值。我能够从行中获取值,但不知道如何在下拉列表中选择单击的选项。 我一直在寻找建议,但到目前为止一无所获。请建议。我上周开始学习angularjs,只有这样才能原谅我,如果我在这里遗漏了一些明显的东西。

1 个答案:

答案 0 :(得分:1)

您要完成的一般解决方案是简单地更改select元素的模型,选择框的值将自动更新。

假设您的表格行设置如下:

<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>

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