向其添加if / else语句时,模板不显示任何内容

时间:2015-08-13 18:25:35

标签: ember.js handlebars.js zurb-foundation

我正在制作一个ember应用并试图添加登录|如果用户未登录并且指向其个人资料的链接,则注册到屏幕的右上角注销按钮,如果他们已登录。但是,虽然我可以显示一个或另一个,当我向Handlebars模板添加if语句时,没有任何显示。关于为什么会发生这种情况的任何想法?

这是我的模板:

<div class="row">
        <div class="medium-2 columns">
            <img src={{"http://placehold.it/200x200"}} alt="Logo">
        </div>
        <div class="medium-2 columns">
        {{#if session.isAuthenticated}}
            <p>{{#link-to 'profile'}}Joe Schmidt{{/link-to}} | <a {{action 'invalidateSession'}}>Logout</a></p>
        {{else}}
            <p>{{#link-to 'login'}}Login{{/link-to}} | {{#link-to 'signup'}}Sign Up{{/link-to}}</p>
        {{/if}}
        </div>
</div>

{{outlet}}

1 个答案:

答案 0 :(得分:-1)

我明白了!项目中的路径名称有很多变化。以及&#39; profile&#39;的路线现在是用户&#39;所以改变代码就解决了所有问题。

<div class="row">
        <div class="medium-2 columns">
            <img src={{"http://placehold.it/200x200"}} alt="Logo">
        </div>
        <div class="medium-2 columns">
        {{#if session.isAuthenticated}}
            <p>{{#link-to 'user'}}Joe Schmidt{{/link-to}} | <a {{action 'invalidateSession'}}>Logout</a></p>
        {{else}}
            <p>{{#link-to 'login'}}Login{{/link-to}} | {{#link-to 'signup'}}Sign Up{{/link-to}}</p>
        {{/if}}
        </div>
</div>

{{outlet}}