Question

我正在尝试编写以下内容

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

但在Handlebars中我正在做这个

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

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

1 个答案: