Я использую виджет dual-list-box от istvan-ujjmeszaros. У меня проблема с полем выбора, выбирающим все элементы, а не только те, которые я хочу выбрать. Любые идеи?
Я подумал, может быть, использовать option и попробовать ng-repeat, но я не уверен, будет ли это работать тоже.
Приведенный ниже код получает данные службы http.get для инвентаризации и может успешно извлечь имя.
HTML Шаблон
<div class="col-lg-12">
<div class="row">
<form id="productSelectionBox" action="#" method="post">
<select multiple="multiple" size="10" name="selectionBox[]"
ng-model="vm.stocktake.product_criteria"
ng-options="inv.name for inv in vm.stocktakeInventories track by inv.id"/>
<br>
<button type="submit" class="btn btn-default btn-block">Submit Criteria</button>
</form>
<script>
var demo1 = $('select[name="selectionBox[]"]').bootstrapDualListbox();
$("#productSelectionBox").submit(function() {
alert($('[name="selectionBox[]"]').val());
return false;
}).then();
</script>
</div>
</div>
Контроллер
//get inventories
$http.get(config.API_URL + 'stocktake/inventories_select_options/',{
})
.then(function(response){
vm.stocktakeInventories = response.data;
})
.catch(function(response){
// Error response.
console.log(response);
});