编程语言
首页 > 编程语言> > javascript-使用ember.js 2.0的ember cli应用程序中的基础

javascript-使用ember.js 2.0的ember cli应用程序中的基础

作者:互联网

我正在使用ember-cli开发余烬应用程序.

余烬版本为“ 2.0.0-beta.2”

我正在将Foundation 5集成到应用程序中,为基础安装了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中,它们已完全删除视图,我应该在哪里初始化它?

有什么想法吗?

谢谢.

解决方法:

终于能够修复它..感谢“塔拉斯·曼科夫斯基”

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

application.hbs

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

组件/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 }
      });
    });
  },
});

标签:zurb-foundation,ember-js,ember-cli,javascript
来源: https://codeday.me/bug/20191028/1949666.html