javascript - 将数据添加到 Ember.js 中的 application.hbs 模板

标签 javascript ember.js handlebars.js

我正在尝试做一些应该很简单的事情,但我确信这是可能的......

我想将数据添加到 Ember.js 的默认模板 application.hbs 中,例如页脚中包含当前日期。

我应该用组件来做吗?我尝试通过 index.js 路由传递数据,但没有显示任何内容:s

我的index.js:

import Ember from 'ember';

export default Ember.Route.extend({
  model: function () {
    const data = [
      {rate: 1.23},
      {rate: 1.23},
      {rate: 1.23}
    ];
    return data;
  }
});

我的application.hbs:

<div class="container">
  <div class="row">
    <div class="col-md-12">
      {{outlet}}
      {{#each model as |rate|}}
        <p>{{rate.rate}}</p>
      {{/each}}
    </div>
  </div>
</div>

最佳答案

将这些东西放入组件中是一个很好的做法。

但对于您的情况,您需要将费率数据放在应用程序路由中,而不是索引路由中。

它们是不同的。

关于javascript - 将数据添加到 Ember.js 中的 application.hbs 模板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42727591/

相关文章:

ember.js - Glimmer.js 如何在不使用构造函数的情况下将跟踪属性重置为初始值

javascript - 窗口关闭时的 Ember 事件

javascript - 当用户在不同字段中输入文本时显示 div 元素

javascript - 为什么在带有 KineticJS 的 Chrome 中边框框 3px 太长了?

javascript - 在 WordPress 网站上提交 POST 数据而不刷新?

javascript - 如何注册组件以使用 ember-qunit 进行测试?

javascript - 使用正则表达式比较mongodb中的车辆编号

javascript - 如何防止表单提交时刷新时重新提交表单

javascript - jQuery Mobile 页面转换不起作用

templates - 使用 hapi 和 Handlebars ,在 hapi 的默认布局支持下,可以从页面中选择替代布局吗?