각도 데이터 드롭 다운에 데이터로드

Question

이 각도 js가 처음입니다. 내 코드에서 드롭 다운 컨트롤이 일부 항목과 함께로드되었습니다.이 목록은 XML 파일에서로드해야합니다. 데이터를로드하는 위치/방법을 알고 싶습니다. ...

<select size="10" ng-model="model.addSelection" ng-options="a.name for a in availableList |   availableList | propertyFilter:model.availableFilter" class="listBoxStyle" wat-focus/> 


angular.module('readbackSelectModule', []) 
.filter('availableList', [ 
    function() { 
     return function (input) { 
      if (!angular.isArray(input)) return input; 
      var out = []; 
      for (var i = 0; i < input.length; i++) { 
       if (input[i].visible == true) 
        out.push(input[i]); 
      } 
      return out; 
     } 
    } 
]) 
.filter('plotList', [ 
     function() { 
      return function (input) { 
       if (!angular.isArray(input)) return input; 
       var out = []; 
       for (var i = 0; i < input.length; i++) { 
        if (input[i].visible == false) 
         out.push(input[i]); 
       } 
       return out; 
      } 
     } 
]) 
.controller('readbackSelectCtrl', ['$scope', '$modalInstance', 'generalDataService', 'keyService', 'propertyFilterFilter', 'availableListFilter', 'plotListFilter', 'plotPanelService', 
    function ($scope, $modalInstance, generalDataService, keyService, propertyFilterFilter, availableListFilter, plotListFilter, plotPanelService) { 

     var CANCEL_MESSAGE = 'cancel'; 
     var GET_DATA_MESSAGE = 'getdata'; 
     var REQUEST_PROPERTY_LIST_MESSAGE = 'requestplotdata'; 
     var SUBSCRIBE = 'plotsubscribe'; 
     var UNSUBSCRIBE = 'plotunsubscribe'; 
     var STREAM_TYPE = '4'; 

     $scope.model = {}; 
     $scope.model.addSelection; 
     $scope.model.removeSelection; 
     $scope.model.availableFilter; 

     // List of properties 
     $scope.availableList = [];    

     }; 

Answer 1

를 사용하여 각도의 $http 서비스를이 코드를 확인하고 나에게 도움이됩니다.

이 같은, 당신의 readbackSelectCtrl에서 작업을 수행 할 수 있습니다

... 
$scope.model = {}; 
$scope.model.addSelection; 
$scope.model.removeSelection; 
$scope.model.availableFilter; 

$http.get(/** insert XML file URL here **/) 
    .success(function(data) { 
    // process the data and extract the XML elements you want 
    $scope.availableList = xmlExtractedArray; 
    }) 
    .error(function(err) { 
    // handle error 
    }); 

확인 작업 데모이 plunker합니다.