ブーリアンに基づいてember jsの要素の表示を切り替える

Question

navbarというテンプレートとコントローラの両方を作成しました。私は、コントローラを持っているコードは、単に

import Ember from 'ember'; 

export default Ember.Controller.extend({ 
    isLogged: true, 
}); 

とテンプレートで同じ動作していないようです

{{#if isLogged}} 
     {{#link-to 'login' class="uk-button uk-button-danger"}}Login{{/link-to}} 
     {{#link-to 'signup' class="uk-button uk-button-danger"}}Join now{{/link-to}} 
    {{else}} 
     {{#link-to 'dashboard' class="uk-button uk-button-danger"}}Dashboard{{/link-to}} 
    {{/if}} 
<button class="uk-button uk-button-large uk-button-primary uk-width-1-1" disabled={{isLogged}}>Test button</button> 

であるということです。私はどこかで間違っていますか？

テンプレートとコントローラはemberジェネレータを使用して生成されており、上記のコードは私が作成した唯一の変更です。

EDIT：

は、ドキュメントを探る、私はルートに定義されているコントローラの名前が同じでなければならないことに気づきました。今すぐnavbarは私がpartialを使用してインポートするテンプレートですが、私は同じものに使用する可能性のある回避策はありますか？

Answer 1

これにはコンポーネントを使用する必要があります。

{{partial}}は、現在のコンテキストでテンプレートをレンダリングする場合にのみ使用します。 .hbsファイルが大きくなった場合にのみ使用しますが、ごくまれに使用します。しばしばコンポーネントがより良い選択肢です。

また、ほとんど使用しないでください。{{render}}ほとんどの場合、それをコンポーネントにリファクタリングすることができます。また、先端のための{{render}} with a model param is deprecated.

Answer 2

問題は「部分的に」はコントローラではなくテンプレートのみを提供するということでした。このための正しい方法は、ビューとコントローラもインポートするrenderを使用することです。