EmberJs模型输出到车把模板中的img标签

时间:2014-02-10 22:42:13

标签: image ember.js laravel-4 handlebars.js

我正在努力学习EmberJs,与Laravel 4一起创建一个博客。事情进展顺利,事情并不太难。但是当我试图在我的一个车把模板中使用<img/>标签时,我遇到了麻烦。

根据我的理解,使用模板中的模型信息,你使用{{attribute_name}}并像魔术一样,它就在那里!所以对于我的标签,我尝试的是:

<img src="{{URL::asset('images/posts/')}}@{{id}}.@{{image_extension}}" }}" alt=""/>

使用Laravel和Blade将图像添加到图像中,然后在模板上添加最后一些小块以使其全部工作。但我得到了这个:

<img src="http://localhost/blog/images/posts&lt;script id='metamorph-11-start' type='text/x-placeholder'&gt;&lt;/script&gt;26&lt;script id='metamorph-11-end' type='text/x-placeholder'&gt;&lt;/script&gt;.&lt;script id='metamorph-12-start' type='text/x-placeholder'&gt;&lt;/script&gt;jpg&lt;script id='metamorph-12-end' type='text/x-placeholder'&gt;&lt;/script&gt;" alt="">

显然我的src标签中有脚本标签,这导致了一些问题。

现在,经过大量研究,我发现{{unbound attribute_name}}并提出了:

<img src="{{URL::asset('images/posts')}}/@{{unbound id}}.@{{unbound image_extension}}" alt=""/>

虽然这适用于我点击的第一篇博客文章,但当我切换帖子时它不会切换图像。有没有办法让这个人工作?我的想法已经用完了!您可以获得的任何信息都很棒!到目前为止我真的很喜欢灰烬,想要变得更好!如果您需要更多信息,请让我们知道,我将编辑此问题!非常感谢!

编辑: 根据@buruzaemon的建议,我试过

<img src="{{URL::asset('images/posts')}}/@{{bind-attr src=id}}.@{{bind-attr src=image_extension}}" alt="Post image"/>

感觉它正好在正确的道路上,但并不完全在那里。还有什么建议吗?

1 个答案:

答案 0 :(得分:0)

也许你应该看看Ember.js中的bind_attr。它允许您使用可在控制器中设置的值正确设置src属性。