使用 ember.js 2.0 在 ember cli 应用程序中建立基础

Question

我正在使用 ember-cli 开发 ember 应用程序。

ember 版本为 "2.0.0-beta.2"

我正在将 foundation 5 集成到应用程序中，为 foundation 安装了 bower 包并将其包含在 ember-cli-build.js 文件中

app.import('bower_components/foundation/js/foundation/foundation.js');
app.import('bower_components/foundation/js/foundation/foundation.offcanvas.js');

现在我想初始化基础为

Ember.$(document).foundation({
  offcanvas: { close_on_click: true }
});

但是在 ember-2 他们已经完全删除了视图，我应该在哪里初始化它？

有什么想法吗？

谢谢。

Answer 1

终于可以修复了。感谢"Taras Mankovski"

这是解决方案https://github.com/embersherpa/ama/issues/8

application.hbs

{{#app-canvas}}
  <h2>Welcome to Ember.js</h2>
  {{outlet}}
{{/app-canvas}}

components/app-canvas.js

import Ember from "ember";
export default Ember.Component.extend({
  didInitAttrs() {
    Ember.run.schedule("afterRender", function() {
      Ember.$(document).foundation({
        offcanvas: { close_on_click: true }
      });
    });
  },
});

使用 ember.js 2.0 在 ember cli 应用程序中建立基础

Foundation in ember cli application using ember.js 2.0

javascript

ember.js

zurb-foundation

ember-cli