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}}を使用しています。

アドオンのコードをミックスインにコピーして、そのミックスインで新しいコンポーネントを単に拡張することができます。