Angular jstree 검색 플러그인

Question

현재 프로젝트에서 나는 ngjstree을 사용합니다.

앵글 러즈에서 jstree에 <input type"search">을 첨부하면 실시간 검색이 가능합니다.

보기

<input type"search"> 
<div id="js-tree" js-tree="treeConfig" ng-model="tags"></div> 

컨트롤러

$scope.treeConfig = { 
    "plugins": ["checkbox", "search"], 
    "core": { 
     "check_callback": true, 
     "multiple": false, 
    } 
}; 

$scope.data = [ 
    { 
    'id': 1, 
    'text': 'node 1' 
    }, 
    { 
    'id': 2, 
    'text': 'node 2' 
    } 

Answer 1

나는 문제를 해결.

HTML

<input type="text" ng-model="search" ng-keyup="applySearch(search)" placeholder="search"> 
<div id="js-tree" js-tree="treeConfig" ng-model="tags" tree="treeInstance"></div> 

JS

$scope.applySearch = function(){ 
    var to = false; 
    if(to) { 
     clearTimeout(to); 
    } 
    to = setTimeout(function() { 
     if($scope.treeInstance) { 
      $scope.treeInstance.jstree(true).search($scope.search); 
     } 
    }, 250); 
};