在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