EmberJs获取img src以正确绑定多个模型属性

我想学习EmberJs，与Laravel 4结合创建一个博客。事情进展顺利，东西还没有太困难。但是当我试图在我的一个车把模板中使用<img/>标记时，我陷入了一个障碍。EmberJs获取img src以正确绑定多个模型属性

从我的理解，使用模板中的信息，你使用{{attribute_name}}和魔法一样，它在那里！所以我的标签，我试图像：

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

添加网址与Laravel和刀片的图像，然后在模板上，刚刚提到的最后一小块一小块加入，使各项工作。但我代之以：

<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}}[email protected]{{unbound image_extension}}" alt=""/>

，虽然这部作品的第一篇博客文章中，我点击，当我切换的帖子不切换图像。

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

它感觉就像是在正确的道路上，但不是那里。还有什么建议？

那么有没有办法让这个家伙工作？我正在用尽想法！你可以在这方面得到的任何信息都会很棒！我真的很喜欢烬，并希望变得更好！如果您需要更多信息，请让他们知道，我将编辑此问题！非常感谢！

来源

2014-02-12 samuraiseoul

这是什么，'网址：：asset（'images/posts'）''''我不熟悉类绑定上下文之外的双冒号？ – Kingpin2k

这是来自Laravel，这是一个用于输出基本URL的帮助类。 IT也使用{{}}，但不是手柄的东西。 – samuraiseoul

这样在模板被处理之前注入？ – Kingpin2k

在你的情况下，我建议使Laravel部分属性为全局属性。

那么你会更好添加计算性能的控制器和范围的控制器使用bind-attr

<img {{bind-attr src=imageProperty}} />

然后

imageProperty: function(){ 
    return App.postsImages + this.get('color') + ".jpg"; 
}.property('color')

http://emberjs.jsbin.com/foper/2/edit

来源

2014-02-12 22:09:22 Kingpin2k

EmberJs获取img src以正确绑定多个模型属性

回答

相关问题