iframe - Ember.js 使用 HandleBars 在 iframe 中创建 src 属性

Question

我正在尝试编写以下内容

<iframe src="http://www.youtube.com/embed/videoID"/>

但在把手中，我正在这样做

{{#each Videos.videosController }}
  {{#view}}
    <iframe {{bindAttr src="videoId"}}/>
  {{/view}}
{{/each}}

问题是videoId我的对象的属性只是一个 id，我需要将其转换为完整的 URL，所以我编写了一个函数来更改对象的属性

Videos.VideoView = Ember.View.extend({
  content: null,
  videosEmbedUrl: function(){
    return "http://www.youtube.com/embed" + this.getPath('.video.videoid');
  }.property("video")
});

但是我真的很困惑如何调用该函数....

任何指针都非常受欢迎。

Answer 1

有几种不同的方法可以构建视图。如果要设置依赖于数据的视图，则需要将数据绑定到视图。

http://jsfiddle.net/crw6g/

{{#each item in model}}
   {{#view App.YTVideoView contentBinding="item"}}{{/view}}
{{/each}}