ng-ng-options 또는 ng-repeat가 작동하지 않음

Question

Google지도를 사용하여 목적지까지 길을 안내 할 수있는 양식이 있습니다. 사용자가 선택할 수있는 350 개의 가능한 대상이 있습니다. 그들은 Google지도에서 핀을 클릭하거나 폼의 선택 메뉴에서이 목적지를 선택할 수 있습니다.

google지도에서 핀을 클릭하면 선택 메뉴가 목적지로 변경됩니다.

이렇게하려면 ng-selected를 사용하려고하지만 작동하지 않습니다.

도움이 정말 감사 할 것입니다. 고맙습니다.

보기

<div id="select_destination"> 
     <select data-ng-model="selectedDestination" 
       ng-options="station.stationID as station.stationShortAddress for station in allStationsMapData track by station.stationID" 
       data-ng-change="selectDestination(selectedDestination)" 
       ng-selected="station.stationID == selectedDestination"> 
     </select> 
    </div> 

사용자 (선택 메뉴의 선택시)지도 스테이션 클릭하면 제어기는

getDirections라는 함수가 호출된다. 이것은 선택 메뉴의 현재 선택된 항목을 변경해야하지만하지 않습니다. (참고 : 함수가 바로 stationID 전달이 제대로 실행됩니다.)

$scope.getDirections = function(stationLat, stationLng, stationID){ 
    //update the select menu model to the chosen stationID. 
    $scope.selectedDestination = stationID;  
}; 

추가 정보 :

가 나는 또한 NG-선택 NG 반복으로 그러나 그 중 하나가 작동하지 않았다 사용했습니다.

<select data-ng-model="selectedDestination" data-ng-change="selectDestination(selectedDestination)"> 
    <option ng-repeat="stationMapData in allStationsMapData" 
     value="{{stationMapData.stationID}}" 
     ng-selected="{{stationMapData.stationID == selectedDestination}}"> 
     {{stationMapData.stationShortAddress}} 
    </option> 
</select> 

Answer 1

변경 ng-selected="station.stationID == selectedDestination" to ng-selected="selectedDestination".

또는 대신 ng-selected의 ng-init를 사용합니다. (그것은 더 명확 방법입니다.)

ng-init="selectedDestination = 'key of what you want'" 

참조 바이올린.

FIDDLE (첫 번째 경우)
FIDDLE (제 경우)