3

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>

現在、列の1つに同じドロップダウン値を持つテーブルがあります。テーブルの行がクリックされたら、値を取得し、ドロップダウンでそれぞれの値を自動的に選択する必要があります。行から値を取得できましたが、ドロップダウンでクリックされたオプションを選択する方法がわかりません。私は提案を探し回りましたが、これまでのところ何も得られませんでした。提案してください。私は先週だけangularjsの学習を始めたので、ここで明らかな何かが欠けている場合はご容赦ください。

4

1 に答える 1

2

あなたが達成しようとしている一般的な解決策は、選択要素のモデルを変更するだけで、選択ボックスの値が自動的に更新されることです。

テーブルの行が次のように設定されていると仮定します。

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

テーブル内のボタンをクリックすると、それに応じて選択ドロップダウンの値が設定されます

于 2013-09-17T09:26:31.350 に答える