AngularJS Двойной список Перемещает все параметры вместо одного - PullRequest
0 голосов
/ 19 марта 2020

Я использую виджет dual-list-box от istvan-ujjmeszaros. У меня проблема с полем выбора, выбирающим все элементы, а не только те, которые я хочу выбрать. Любые идеи?

Я подумал, может быть, использовать option и попробовать ng-repeat, но я не уверен, будет ли это работать тоже.

enter image description here

Приведенный ниже код получает данные службы 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);
        });
...