javascript - Handlebars 似乎没有调用我的 Controller 功能

Question

我的 Controller 上有一个属性，isLogin，绑定(bind)到 Handlebars 条件 {{#unless isLogin}}。但渲染模板时似乎没有激活该功能。我插入了一个 console.log 语句，但该语句也没有显示在控制台中。

我有一个像这样的应用程序模板:

<div id="header">
  <div class="screen-line black"></div>
</div>
<div id="content">
  <div class="pure-g">
    <div class="pure-u-1-6">
      {{#unless isLogin}}
        <div class="nav pure-menu custom-restricted-width">
          <ul class="pure-menu-list">
            <li class="pure-menu-item"><div class="menu-item-icon fa fa-trello"></div>{{link-to "Classrooms" "classrooms" class="menu-item pure-menu-link"}}</li>
          </ul>
        </div>
      {{/unless}}
    </div>
    <div class="pure-u-5-6" >
      {{outlet}}
    </div>
  </div>
</div>
<div id="footer">
  <div class="screen-line black"></div>
</div>

还有一个像这样的 Controller :

import Ember from 'ember';

export default Ember.Controller.extend({
  isLogin : function(){
    console.log("isLogin called");
    return true;
  }

});

你能看出哪里出了问题吗？谢谢

Answer 1

也许您应该将 isLogin 放入属性中，如下所示:

// controllers/application.js

import Ember from 'ember';

export default Ember.Controller.extend({

  isLogin: function(){
    console.log("isLogin called");
    return true;
  }.property()

});

(参见 jsbin )