검도 자동 완성, 각도로 서버 필터링?

Question

나는 AngularJS에서 Kendo Autocomplete의 기본 작업을 설명하는이 예제를 따랐다.

문제는 로컬 정의 데이터에서만 작동하는 문제입니다.

누군가가 원격 JSON 데이터 소스로 작업하는 방법을 게시 할 수 있습니까?

링크는 다음과 같습니다 어떤 조언을 http://demos.telerik.com/kendo-ui/autocomplete/angular

감사합니다.

Answer 1

그냥 $ HTTP,이 같은 것을 사용

angular.module("KendoDemos", [ "kendo.directives" ]); 
function MyCtrl($scope, $http){ 

$http.get('/remoteDataSource'). 
    success(function(data) { 
     $scope.countryNames = data; 
    }); 
} 

입력 할 때 데이터가 변경되는 경우를, 당신은 또한 $ 시계를 사용할 수 있습니다 HTML에서

angular.module("KendoDemos", [ "kendo.directives" ]); 
function MyCtrl($scope, $http){ 

$scope.$watch('textboxValue', function(){ 
    $http.get('/remoteDataSource/' + $scope.textboxValue). 
     success(function(data) { 
      $scope.countryNames = data; 
     }); 
    } 
}); 

Answer 2

그냥

를 사용 JS의 사용

<input kendo-auto-complete 
     k-data-text-field="'ProductName'" 
     k-data-value-field="'ProductID'" 
     k-data-source="productsDataSource" /> 

angular.module("KendoDemos", [ "kendo.directives" ]) 
    .controller("MyCtrl", function($scope){ 
     $scope.productsDataSource = { 
     type: "JSON", 
     serverFiltering: true, 
     transport: { 
      read: { 
       url: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Products", 
      } 
     } 
    }; 


    })