Эмбер-кли, масонство, изотоп, упаковка. Как пользоваться?

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}}