jquery 플러그인 설정 내에서 aurelia 서비스에 액세스하기

Question

새로운 ES6에 새로운, Typscript & Aurelia 내 질문으로 표시됩니다.

나는 작은 aurelia 응용 프로그램을 가지고 있으며 태그 지정 기능에 selectizejs를 사용하고 응용 프로그램 내에서 설정 한 서비스에 바인드하려고합니다.

내 나는 함수 내부에 중단 점을 배치하면 내 서비스 this.productService에 액세스하는 방법은 무엇

load:function(...... 

내 viewmodel.ts

attached(){ 
    $('#product_tags').selectize({ 
     delimiter: ',', 
     persist: false, 
     load: function(query, callback) { 
      if (!query.length) return callback(); 
      debugger 
      this.productService.getProductTags().then(response=>{ 
       callback(response); 
      }); 
     }, 
     create: function(input) { 
      return { 
       value: input, 
       text: input 
      } 
     } 
    }); 
} 

, this. 내 뷰 모델하지만 selectize 플러그인이 아닙니다.

분명히 뭔가를 놓치고 있어야하지만 알아낼 수는 없습니다.

Answer 1

사용 es6 arrow function=> 내가 화살표 기능에 대해 알고하지 않았다 @Sylvain 권리를 this

load: (query, callback) => { 
     if (!query.length) return callback(); 
     debugger 
     this.productService.getProductTags().then(response=>{ 
      callback(response); 
     }); 
    },