Установленное значение нескольких выпадающих списков

Question

Я пытаюсь установить значение многих элементов select, когда пользователь нажимает кнопку.

Я попытался, как JQuery:

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

Это работает, но не обновляется нг-модель или даже сделать его огнем. Я посмотрел на это post, в котором содержится информация о элементе input. Я не мог получить событие триггера?

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

Затем я попытался использовать $compile директиву $compile(vm)($scope);, которая не работает, как я не был уверен, что это должно было быть точным нг-модель недвижимости?

Тогда я искал использование ng-click="vm.eicr.inspections='pass'", но не был уверен, как применить его к каждому свойству ng-model.

Как я могу нажать кнопку и добавить pass в список выпадающих меню и запустить ng-model, чтобы свойства были установлены.

Answer 1

У вас есть 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> 

У вас есть кнопка:

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

При нажатии на кнопку, вы вызвать эту функцию:

$scope.setListboxToValue = function(value) { 

    $scope.myValue = value; 
} 

Это установит ваш listbox к нужному значению.

Полный пример кода: jsFiddle