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以正確綁定多個模型屬性

回答

相關問題