複数のドロップダウンの値を設定する

Question

ユーザーがボタンを押したときに、多くの値がselectの値に設定しようとしています。

私はjQueryの方法を試してみました：

vm.passAllInspections = function ($event) { 
    $(".tbl-inspections option[value=pass]").attr("selected", "selected"); 
     console.log($event); 
    } 

これは動作しますが、NG-モデルを更新したりしても、それは火がありません。私はこのpostを見て、input要素の詳細を示します。トリガーイベントが発生することができませんでしたか？

$('button').click(function(){ 
var input = $('input'); 
input.val('xxx'); 
input.trigger('input'); 
}); 

だから、私は、私はそれが正確なNG-modelプロパティでなければならなかったかどうかわからなかったように動作しません$compileディレクティブ​​を使用しようとしましたか？

次に、ng-click="vm.eicr.inspections='pass'"を使用していましたが、すべてのng-modelプロパティに適用する方法がわかりませんでした。

ボタンを押してpassをドロップダウンリストに追加して、ng-modelのプロパティをすべて有効にするにはどうすればよいですか。

Answer 1

あなたのリストボックスを持っている：

<select data-ng-model="myValue"> 
    <option value="1">value 1 </option> 
    <option value="2">value 2 </option> 
    <option value="3">value 3 </option> 
</select> 

あなたがボタンを持っている：あなたがボタンをクリックすると

<button data-ng-click="setListboxToValue('2')" value="Click me!"/> 

、あなたがこの機能をトリガ：

$scope.setListboxToValue = function(value) { 

    $scope.myValue = value; 
} 

これは、あなたが設定されますがリストボックスに必要な値を入力します。

完全なサンプルコード：そうjsFiddle