在emberjs模板中的jquery插件

Question

嗨即時嘗試使用ember.js和feedek一個簡單的feed閱讀器。但到目前爲止，當我嘗試放置Feed的代碼時，它不起作用。

爲feedek jQuery代碼（在script標籤索引模板中）：

$('#divRss').FeedEk({ 
    FeedUrl: 'http://vikinglogue.com/feed/', 
    MaxCount: 100 
}); 

HTML代碼模板：

<script data-template-name="index" type="text/x-handlebars"> 
    <article style="background-color:#fff;" id="divRss"></article> 
</script> 

當我運行這段代碼在瀏覽器中，沒有在模板顯示，我沒有得到任何錯誤。我認爲這個問題是由於沒有在模板中鏈接feedek而引起的，但是當我嘗試它時，什麼都沒有發生。謝謝，任何幫助都是有用的。

Answer 1

要在灰燼應用程序使用jQuery插件，它通常是最好的包裝在一個component：

App.FeedEkComponent = Ember.Component.extend({ 
    tagName: 'article', 

    didInsertElement: function() { 
    this.$().FeedEk({ 
     FeedUrl: 'http://vikinglogue.com/feed/', 
     MaxCount: 100 
    }); 
    } 
}); 

然後在你的車把一個模板，

<p>Your feed:</p> 
{{feed-ek}} 

Answer 2

我會增加Sam的優秀答案如下：

1. 通過傳遞給組件可複用網址爲屬性

2. 不要覆蓋didInsertElement掛鉤，而不是指定的功能應該在 'didInsertElement' 事件中運行（見here）

http://emberjs.jsbin.com/boguwagisi/1/edit?html,js,output