將字符串結合到Ember.js中的綁定變量

Question

我需要在我的Ember.js/Handlebars模板中包含圖像。

我使用的是<img {{bindAttr src="short_name"}}>，如果圖像正好是short_name的值並且位於根目錄中，那麼這將起作用。

不過，我需要構建IMG SRC是這樣的：

'/images/avatars' + short_name + '_avatar.jpg'

這將如何在餘燼/車把來完成？

Answer 1

考慮到SHORT_NAME不會改變，你可以做這樣的：

<img src="/images/avatars{{unbound short_name}}_avatar.jpg"> 

但如果short_name改變了很多，你應該使用一個計算的屬性，像這樣：

var SomeModel = Ember.Object.extend({ 
    shortName: null, 
    imgSrc: function() { 
    var shortName = this.get('shortName'); 
    return '/images/avatars' + shortName + '_avatar.jpg'; 
    }.property('shortName') 
}); 

而且然後在您的模板上：

<img {{bindAttr src="imgSrc"}}>