ember.js 구성 요소에서 맞춤 이벤트를 처리하는 방법은 무엇입니까?

Question

Ember.js를 처음 사용하고 있으며 철학을 이해하는 데 몇 가지 문제가 있습니다. 내가 작업을 최대, 아래의 데이터하지만 실제 생활에서, 내가 Fotorama 내 갤러리 구성 요소 (나는 그것이 괜찮 으면 모르겠지만 내가 didInsertElement 방법에서)에서 초기화했다고 말할 수 있습니다. 이 라이브러리에는 자체 이벤트가 있습니다.

$('.fotorama').on('fotorama:ready', function (e, fotorama) {}); 

또는 : 그들은 일반 JS에서 다음과 같이 할 수

$('.fotorama').on('fotorama:show', function() {}); 

하지만 난 엠버에, 그 어떻게 든 구성 요소의 행동에 매핑 할 수 있어야한다고 생각한다. 내 질문은 : 어떻게? 나는 그 행동들 안에서 (다른 구성 요소들 또는 라우터에 의해 잡히게 될) 어떤 행동들을 해고 할 필요가있다. 그래서 나는 다음과 같아야한다고 생각한다 : this.sendAction('actionName', actionParams);

Answer 1

sendAction 메소드를 호출하는 컴포넌트 참조를 유지할 수있다.

didInsertElement(){ 
this._super(...arguments); 
var _this=this; 
this.$('.fotorama').on('fotorama:show', function() { 
    _this.sendAction('actionName', actionParams); 
}); 
} 
willDestroyElement(){ 
this._super(...arguments); 
this.$('.fotorama').off('fotorama:show') 
} 

이 질문에 대한 답변이 더 있으면 찾아보십시오. 나는 행복하게 내 대답을 제거 할 것이다.