2015-01-21 5 views
0

나는이 angular port을 selectize에 사용하고 있습니다. 내보기에는 두 개의 selectize 요소가 있는데, 둘 다 사용자에게 표시해야 할 옵션이 수천 가지가 있지만, 한꺼번에 모든 쿼리를 수행 한 다음이를 사용자에게 전달하는 것이 좋습니다. 컴퓨터.각도 선택 입력 변경시 현재 텍스트 가져 오기

대신 키보드 변경을 위해 각도 선택기의 입력을 수신 한 다음 현재 텍스트 입력 값을 다시 서버로 보내서 자동 완성을위한 짧은 옵션 목록을 복원하려고합니다.

는 jQuery를, 그것은 비슷한 것 :

각-selectize를 들어
$(".selectize-input_1").on('input', function() { 
    var current_text = $(".selectize-input").val(); 
    $.get("/autocomplete", current_text, function(options) { 
     // Set new autocomplete options for selectize 
    }); 
}) 

가, 내가 $http.post(current_text) 않는 내 각 서비스가 있지만, 나는 변화를 수신하는 방법을 아주 잘 모르겠어요 텍스트 입력 (및 현재 텍스트 값을 가져 오기). original selectize usageonChange 이벤트를 제안하고 raw_input에 대해서는 query을 제안합니다. 그러나 다음은 아무것도 수행하지 않습니다.

$scope.config_one = { 
    create: true, 
    valueField: 'id', 
    labelField: 'name', 
    delimiter: ',', 
    onChange: function(value) { 
     // Nothing happens when typing into input 
     console.log(value); 
    } 
} 
$scope.options_one = ['one', 'two'] 

<selectize config="config_one" options="options_one" ng-model="test"></selectize> 

그리고 나는 얻을 방법이 확실하지 않습니다. query. 입력시 변경 사항을 수신하고 현재 텍스트를 가져 오는 방법은 무엇입니까?

답변

3

onChange() 이벤트는 입력 상자가 포커스를 잃은 후에 만 ​​발생하며 키 이벤트를 추적하기 위해 onType() 이벤트를 사용합니다.

대신 : onChange: function(value) { // Nothing happens when typing into input console.log(value); }

시도 : onType: function(value) { console.log(value); }