Emberコンポーネントレイアウトと機能の記述方法は何ですか？

Question

私はコンポーネントを作成し、それがそのまま出力を与える：私は好きで、いくつかのinitメソッドを追加しようとすると

import Ember from 'ember'; 
import layout from '../templates/components/sample-work'; 

export default Ember.Component.extend({ 
    layout 
}); 

：

import Ember from 'ember'; 
import layout from '../templates/components/sample-work'; 

export default Ember.Component.extend({ 
    layout, 
    init(){ 
    alert.log('hi'); 
    } 
}); 

私のコンポーネントはまったく呼び出されません。ここの問題は何ですか？ここでコンポーネントを処理する正しい方法は何ですか？

Answer 1

通常、ファイルjs内にlayoutは必要ありません。 emberは意見の多いフレームワークであり、通常、コンポーネントのjsとhbsファイルは、デフォルトではjsがcomponentsに、hbsがtemplates\componentsに、それぞれ配置されます。

この場合、レイアウトをインポートする必要があるファイルjsが直接利用できない場所にテンプレートファイルを配置します。私があなたのために用意したsimple twiddleを見てください。このひねりの中で。 my-component2のテンプレートファイルは、対応するjsファイル内にlayoutフィールドとしてインポートする必要があります。

Answer 2

あなたのinit関数の中で常にthis._super(...arguments)と呼ぶべきです