ember.js - Ember-cli，砌体，同位素，包装。如何使用？

Question

我需要在我的 ember-cli 项目中使用它们。

如何开始？

我在终端中写道：

bower install isotope --save

然后在我的ember-cli-build.js 中添加了app.import ecc...，但后来我不知道该怎么做。

在哪里放置我的初始化脚本，如下所示：

$('.grid').isotope({
  // options
  itemSelector: '.grid-item',
  layoutMode: 'fitRows'
});

如果我把它放在application.hbs中，它会给我一个错误，当我用它改变路线时，{{#link-to}}它就不再起作用了。

该怎么办？

在网络上，关于此的资源并不多。

Answer 1

您应该创建一个组件：

ember g component isotope-grid

然后，在组件的didInsertElement钩子中，您应该调用isotope组件的 jQuery 元素：

import Ember from 'ember';

export default Ember.Component.extend({
    classNames: ['grid'], 

    didInsertElement() {
      this.$().isotope({
        // options
        itemSelector: '.grid-item',
        layoutMode: 'fitRows'
      });
    }
})

然后，而不是使用<div class="grid"></div>，使用：

{{#isotope-grid}}
  ... HTML goes here
{{/isotope-grid}}