мульти добавить элемент в список выбора

0

Я создаю входную форму данных как изображение: Изображение 174551

Когда я ввел национальные данные в inputext1, затем SelectList ниже загружает данные о состояниях, чтобы я мог выбрать состояние. Он работал нормально, когда я создавал каждый ввод данных формы строки. Но если я создаю более одного ввода данных формы строки, состояния данных, которые я получил, - это состояния конечной страны, которую я выбираю.

Мой InputText1:

<span editable-text="data.country" e-name="country"
    e-typeahead-wait-ms="100"
    e-typeahead="country in countries  | filter: $viewValue | limitTo:8" e-typeahead-on-select='onSelect($item)'
    e-ng-readonly="isDisable(data)"  e-form="rowform"
    onbeforesave="validateCountry($data)" e-required class="dropdown"
    on-toggle="toggled(open)"> <a href class="dropdown-toggle">
            {{ data.country }} </a>
</span>

Мой выбор:

<span editable-select="data.states" e-name="states" ng-width="30px" 
    e-form="rowform"    e-ng-readonly="isDisable(data)"
    e-ng-options="states.id as states.name for states in statesArr "
     e-required></span>{{showStatesName(data.states)}}

Мои js:

$scope.data = [];
$scope.countries = [];
$scope.statesArr = [];

$scope.loadData = function() {
    $http.get(loadDataURL, config).success(function(data) {
        $scope.totalItems = data.totalItems;
        $scope.data = data.pageItems;

        $http.get(getCountriesURL, config).success(function(data) {          
            $scope.countries = data;
        });
    });
};

$scope.onSelect(item) {
    $http.get(getStatesURL, config).success(function(data) {
        $scope.statesArr = data;
    });
}

Есть ли предложение создать несколько данных формы строки?

Теги:
angularjs-directive

1 ответ

0

Это не конкретный ответ на ваш вопрос, но если вы его не найдете, я предлагаю использовать multi-select isteven, его легко настроить и довольно легко реализовать. Он имеет множественный выбор, один выбор и т.д. И т.д.

Проверь это:

Git: https://github.com/isteven/angular-multi-select

Демо: http://isteven.github.io/angular-multi-select/#/main

Лицензия: лицензия MIT (MIT)

Copyright (c) 2014-2015 гг. Игнатий Стивен (https://github.com/isteven)

Разрешение бесплатно предоставляется любому лицу, получившему копию этого программного обеспечения и связанных с ним файлов документации ("Программное обеспечение"), для работы с Программным обеспечением без каких-либо ограничений, включая, без ограничений, права использовать, копировать, изменять, объединять, публиковать, распространять, сублицензировать и/или продавать копии Программного обеспечения и разрешать лицам, которым предоставляется Программное обеспечение, при соблюдении следующих условий:

Вышеупомянутое уведомление об авторских правах и это уведомление о разрешении должны быть включены во все копии или существенные части Программного обеспечения.

ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ ПРЕДОСТАВЛЯЕТСЯ "КАК ЕСТЬ", БЕЗ КАКИХ-ЛИБО ГАРАНТИЙ, ЯВНЫХ ИЛИ ПОДРАЗУМЕВАЕМЫХ, ВКЛЮЧАЯ, НО НЕ ОГРАНИЧИВАЯСЬ ГАРАНТИЯМИ КОММЕРЧЕСКОЙ ЦЕННОСТИ, ПРИГОДНОСТИ ДЛЯ ОПРЕДЕЛЕННОЙ ЦЕЛИ И НЕНАРУШЕНИЯ. НИ ПРИ КАКИХ ОБСТОЯТЕЛЬСТВАХ АВТОРЫ ИЛИ АВТОРСКИЕ ДЕРЖАТЕЛИ НЕ НЕСУТ ОТВЕТСТВЕННОСТИ ЗА ЛЮБЫЕ ПРЕТЕНЗИИ, УБЫТКИ ИЛИ ДРУГИЕ ОТВЕТСТВЕННОСТИ, КАКИЕ-ЛИБО ДЕЙСТВИЯ КОНТРАКТА, ДЕЙСТВИЯ ИЛИ ДРУГИХ, ВОЗНИКАЮЩИХ ИЗ НЕСОВЕРШЕННОЛЕТНИХ ИЛИ В СВЯЗИ С ПРОГРАММНЫМ ОБЕСПЕЧЕНИЕМ ИЛИ ИСПОЛЬЗОВАНИЕМ ИЛИ ДРУГИМИ ДЕЛАМИ В ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню