지오 코딩 서비스의 다중 우편 번호

Question

우편 번호를 입력 할 때 선택할 수있는 주소 목록 (우편 번호, 도시, 국가)을 제공하는 ui-select가 있습니다. 하나를 선택하면 ui-select 입력 상자에 추가됩니다. 나는 여러 가지로 자동 선택 설정을했습니다.

우편 번호는 앵글 지오 코딩 서비스에서 가져옵니다. 여기서 앵글 지오 코딩 서비스는 매개 변수가있는 경로 (우편 번호와 국가, 항상 미국입니다)를 호출하고 ID와 텍스트 제안을 반환합니다. 주소는 쉼표로 구분 된 우편 번호, 도시 및 국가입니다.

내 질문은 내가 ui-select 입력란에 드롭 다운의 주소를 추가 할 때 실제로 어떻게 해당 값에 액세스합니까? 제어 장치.

<ui-select ng-model="area.location" multiple theme="bootstrap" ng-disabled="disabled"> 
    <ui-select-match placeholder="Enter a postal code..." ng-model="code">{{$item.text}}</ui-select-match> 
    <ui-select-choices repeat="address in addresses | filter: $select.search" refresh="getSearchLocation($select.search)" refresh-delay="0"> 
      <div ng-bind-html="address.text | highlight: $select.search"></div> 
    </ui-select-choices> 
</ui-select> 

getSeachLocation($select.search) 기능은 우편 번호 정보를 검색하는 것입니다 :

은 여기 내 UI - 선택 코드입니다.

충분한 코드가되기를 바랍니다. 더 추가해야하는 경우 알려주세요.

컨트롤러에 ui-select에 추가 한 값에 액세스 할 수없는 것처럼 보입니다.

희망이 모든 것이 의미가있어, 고마워!

Answer 1

ui-select-choices에 지정한 값/구조의 배열 인 ui-select의 ng-model을 사용하여 컨트롤러에서 선택하면 언제든지 이들에 액세스 할 수 있습니다.

예를 들어 var selected = $scope.placesModel.selected[n]과 같이 선택한 항목에 액세스합니다 (여러 개의 선택을위한 배열이므로 기억하십시오). 해당 색인의 값은 선택 항목에 할당 된 값입니다. 제 경우에는 간단한 json 객체이므로 selected.id과 같은 객체 속성에 액세스 할 수 있습니다.