Emberコンポーネントをラッピングするときにプロパティを渡す

Question

Emberコンポーネントをラップするとき、そのプロパティを省略するときに内部コンポーネントのデフォルトに戻ってプロパティを渡す方法を教えてください。例えば

、super-inputで包まれますbasic-input取る：

コンポーネント/基本input.js

export default Component.extend({ 
    placeholder: "foo" 
}); 

テンプレート/コンポーネント/基本input.hbs

{{ input placeholder=placeholder }} 

を

componエント/超input.js

export default Component.extend({}); 

テンプレート/コンポーネント/超input.hbs

<label> 
    <span>{{label}}</span> 
    {{ basic-input placeholder=placeholder }} 
</label> 

渡すplaceholdersuper-inputに作品

{{super-input label="baz" placeholder="bar"}} 

が、どのように我々は許可しませんプロパティがomiの場合に使用されるbasic-inputのデフォルト値はfooです何か？

{{super-input label="baz"}} 

Answer 1

これは、計算されたプロパティが有効になる場所です。内部コンポーネント内で計算されたプロパティを定義し、親コンポーネントから別のプロパティとして値を渡すことができます。私が意味するのはsthです。

placeholderInternal: Ember.computed('placeholder', function() { 
    // return the value passed from parent component if exists; return the default value otherwise 
    return this.get('placeholder') || 'foo'; 
    }) 

この計算されたプロパティは、テンプレート内のプレースホルダとして使用されます。私が実際に書いたものを見るには、以下のtwiddleをチェックしてください。 Emberは、計算されたプロパティの特徴に関して非常に強力です。私はできる限りそれに頼ることを好む。ところで、placeholderプロパティをbasic-inputにsuper-input.hbs以内に渡す必要があります。これは、私がすでに旋盤でやったことです。