javascript - 在 Ember.js 中将字符串组合到绑定变量

Question

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

<img {{bindAttr src="short_name"}}>如果图像恰好是 short_name 的值并且在根目录中，我正在使用which 将起作用。

但是，我需要像这样构造 img src：

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

这将如何在 ember/handlebars 中完成？

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"}}>