Question

我正在使用ember-cli和Ember 2.0创建一个非常基本的Ember应用程序。我使用ember-cli生成一个名为'footer.hbs'的模板和名为'footer.js'的相同组件。 Ember是否能够正确地获取我在footer.hbs中使用的任何表达式？例如，我使用以下三个文件：footer.js，footer.hbs和application.hbs，它们导入部分“页脚”。为什么{{firstName}}属性根本不显示？

footer.js - /app/controllers/footer.js 从'余烬'中导入Ember;

Error creating foreign key on group_id (check data types)

footer.hbs - /app/template/footer.hbs

export default Ember.Controller.extend({
  firstName: "TEST" 
});

application.hbs

<footer class='nav navbar-inverse navbar-fixed-bottom'>
  <div class='container'>
      <ul class="footer-social list-inline">
        <li></li>
        <li></li>
        <li>{{firstName}}</li>
      </ul>
  </div>
</footer>

Answer 1

看起来您的文件不是作为组件生成的。我相信你想要的是：

ember g component footer

在这种情况下，您只需将以下内容放在application.hbs中：

{{navigation}}
{{outlet}}
{{footer}}

编辑：看起来你不能称之为组件'页脚'，所以必须称它为'footer-nav'

Answer 2

是的，您可以在同一模板中访问控制器属性。你有两个问题：

{{partial 'footer'}}

部分插入模板，您要做的是使用render：

{{render 'footer'}}

除此之外/app/template/footer.hbs应为/ app / template s /footer.hbs

访问控制器属性的示例：http://emberjs.jsbin.com/vipiwe/2/edit?html,js,output

Ember 2.0是否自动将车把模板文件连接到控制器？

2 个答案: