Ember JSのフィールドの属性をルートから変更するにはどうすればいいですか

Question

私のアプリケーションでは、2つのフィールド（name1/name2など）を持つテンプレートファイルがあります。 ルート上の1つのパラメータ（「設定」）に基づいて、画面上に「レシピ1」または「レシピ2」のいずれかを表示します。 例：preferenceがvegの場合、私はRecipe1以外、Recipe2を表示する必要があります。 私はこれを以下のように試みましたが、うまくいきませんでした。

私が見ているのは、if/elseループの内側にあるが、ember。$ステートメントは違いがありません。助けてください。

Answer 1

最初にEmber.$をbeforeModelフックに書き込まないでください。それは間違っている。 beforeModelフックが呼び出されると、DOMは準備ができません。私は私の-receipe.hbs

{{my-receipe preference=preference }} 

をあなたはコンポーネントを作成し、コンポーネントに preferenceプロパティを渡すことを好むとチェックがHBSで

それを表示する場合は必要がありmy-receipeコンポーネントを作成し、template.hbsに含めます

{{#if isVeg}} 
<input type="text" id="Recipe1" /> 
{{else}} 
<input type="text" id="Recipe2" /> 
{{/if}} 

私-receipe.js

好みは野菜である場合はtrueを返しますisVeg計算プロパティを作成します。

export default Ember.Component.extend({ 
    isVeg: Ember.computed('preference', function() { 
     return Ember.isEqual(this.get('preference'), 'veg'); 
    }) 
})