2015-08-28 221 views
0

我創建一個輸入數據形式的圖像上添加項目: 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> 

我的SelectList:

<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; 
    }); 
} 

是否有任何建議,爲創建多行形式的數據?

回答

0

這不是你的問題的具體答案,但如果你沒有找到它,我建議使用isteven多選,它更容易定製它,很容易實現。它有多種選擇,單選擇等等等等

一下:

混帳:https://github.com/isteven/angular-multi-select

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

許可: MIT許可證(MIT)

版權所有( c)2014-2015伊格內修斯史蒂文(https://github.com/isteven

權限特此授予任何人獲得本軟件及相關文檔文件(「軟件」)的副本,以免受限制地處理本軟件,包括但不限於使用,複製,修改,合併,出版,分發,再許可和/或出售本軟件的副本,並允許本軟件提供的人員在遵守以下條件的情況下這樣做:

上述版權聲明和本許可聲明應包括在內在本軟件的所有副本或主要部分。

本軟件按「原樣」提供,不附有任何形式的明示或暗示的保證,包括但不限於對適銷性,特定用途適用性和非侵權性的保證。在任何情況下,作者或版權所有者都不承擔任何索賠,損害或其他責任,無論是在合同,侵權或其他方面的行爲,不論是由軟件或其使用或其他交易引起或與之相關的行爲。軟件。