Ember 구성 요소의 수정 방법

Question

Discourse에서 _dock 메서드를 수정하고 싶습니다. 수정 코드는 플러그인에 배치됩니다.

export default Ember.Component.extend({ 
    elementId: 'topic-progress-wrapper', 
    classNameBindings: ['docked', 'hidden'], 

    ... 
    _dock() { 
    ... 
    }, 

}); 

방법이 방법을 수정할 :

여기에 해당 파일의 짧은 조각을입니까? 이 구성 요소를 다시 열어야하며 그 구성 요소는 무엇입니까?

Answer 1

this 및 this 가이드를 살펴보십시오. 당신은 새 구성 요소를 만들려면이 같은 뭔가가 필요 :

// components/my-discourse-component.js 
import MyDiscourseComponent from 'discourse/components/topic-progress'; 

MyDiscourseComponent.extend({ 
    // Here you can extend the function. Don't forget 
    // this._super(...arguments) if you want to use the original function. 
}); 

MyDiscourseComponent.reopenClass({ 
    // Here you can completly override the function. 
}); 

export default MyDiscourseComponent; 

과 당신의 temlate에 {{my-discourse-component}}를 사용합니다.

또는 애드온의 코드를 믹스 인으로 복사하고 새 믹서로 믹스를 확장하면됩니다.