AngularJs + JQueryUI 응답을 기다리는 중

Question

내 AngularJS 기본 응용 프로그램에 대한 jQueryUI 위젯과 함께 유용한 지시문을 만들려고합니다.

선택 목록이 아약스 요청에서 채워집니다

1. , 말하는 방법 적용 :이 그들 중 하나

   하나는 요소 "을 선택 "및 지침 그러나 이해하지 못하는 유일한로 확인 오전에 작동합니다 데이터가 채워지는 jqueryui 위젯? $ watch를 사용하지만 확실하지 않은 것으로 가정합니다.

편집 : 나는 multiselect plugin에 대한 지침을 구현하기 위해 노력하고 예에서 . 서버 응답을 시뮬레이트하고 있지만 모든 시간이 초과되었습니다. 여기

당신은 필요 code on plunker

Answer 1

되는 수 $ 다음 다중 선택 플러그인에 refresh를 호출하는 항목 목록을 변경 ...보고 Here is a plunk that shows the solution

angular.module('myui', []) 
    .directive('qnMultiselect', function() { 
     return { 
      restrict: 'A', 
      require: 'ngModel', 
      link: function(scope, elem, attr) { 
      //set up the plugin. 
      elem.multiselect({ allowClear: false }); 

      //get the source of the ngOptions 
      var parts = attr.ngOptions.split(' '); 
      var source = parts[parts.length - 1]; 

      //watch the options source and refresh the plugin. 
      scope.$watch(source, function(value) { 
       elem.multiselect('refresh'); 
      }); 
      }   
     }; 
    });