Ember-cli，砌體，同位素，包裝。如何使用？

Question

我需要在我的ember-cli項目中使用它們。

如何開始？

我所著的終端：

bower install isotope --save

然後在我的燼-CLI-build.js我加app.import ecc...，但我不知道該怎麼辦。

哪裏把我的intialization腳本，像這樣：

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

如果我把它放在application.hbs它給我一個錯誤，當我改變與{{#link-to}}航線它不工作了。

怎麼辦？

在網絡上沒有太多關於此的資源。

Answer 1

你應該創建一個組件：

ember g component isotope-grid

然後，在組件的didInsertElement勾應組件的jQuery的元素上調用isotope：

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