选择列表中的多个添加项目

时间:2015-08-28 03:16:48

标签: javascript jquery angularjs angularjs-directive

我创建一个输入数据表单作为图像: enter image description here

当我在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;
    });
}

是否有任何建议可以创建多个行表单数据?

1 个答案:

答案 0 :(得分:0)

这不是你的问题的具体答案,但如果你没有找到它我建议使用isteven多选,它更容易定制它,很容易实现。它有多选,单选等。

检查:

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

演示:http://isteven.github.io/angular-multi-select/#/main

许可: 麻省理工学院许可证(MIT)

版权所有(c)2014-2015 Ignatius Steven(https://github.com/isteven

特此授予任何获得本软件及相关文档文件(“软件”)副本的人免费许可,以无限制地交易本软件,包括但不限于使用权,复制权,修改,合并,发布,分发,再许可和/或出售本软件的副本,并允许向其提供本软件的人员这样做,但须符合以下条件:

上述版权声明和本许可声明应包含在本软件的所有副本或实质部分中。

本软件按“原样”提供,不提供任何明示或暗示的保证,包括但不限于适销性,特定用途的适用性和不侵权的保证。在任何情况下,作者或版权所有者均不对任何索赔,损害或其他责任承担任何责任,无论是在合同,侵权行为还是其他方面的行为,由本软件引起或与之相关,或与本软件的使用或其他交易有关。软件