Wert von mehreren Dropdown-Menüs festlegen

Question

Ich versuche, den Wert vieler select Elemente festzulegen, wenn ein Benutzer eine Schaltfläche drückt.

Ich habe den jQuery Weg versucht:

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

Das funktioniert aber nicht ng-Modell aktualisieren oder sogar Feuer machen. Ich schaute auf dieses post, das Details auf dem input Element gibt. Ich konnte das Auslöseereignis nicht erreichen.

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

So dann habe ich versucht $compile(vm)($scope); die $compile Richtlinie zu verwenden, die nicht wie ich nicht sicher war, nicht funktioniert, wenn sie die genaue ng-Modell Eigenschaft sein musste?

Dann schaute ich auf Verwendung ng-click="vm.eicr.inspections='pass'" war aber nicht sicher, wie man es auf jede ng-Modell-Eigenschaft anwenden.

Wie kann ich einen Knopf drücken und pass zu einer Liste von Dropdowns hinzufügen und die ng-model feuern, so dass die Eigenschaften alle festgelegt sind.

Answer 1

Sie haben Ihre Listbox:

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

Sie haben eine Taste:

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

Wenn Sie auf die Schaltfläche klicken, lösen Sie diese Funktion:

$scope.setListboxToValue = function(value) { 

    $scope.myValue = value; 
} 

Dies setzt Ihre Listenfeld auf den gewünschten Wert.

Vollbeispielcode: jsFiddle