如何连接静态字符串和动态属性以传递给帮助程序？

Question

如何加入静态字符串和动态属性以传递给帮助程序？

以下不起作用：

{{svg 'icon-' model.prop1}}

由于

Answer 1

您可以实现一个自定义帮助程序，连接两个值，然后将其用作子表达式，例如的concat

{{svg (concat 'icon-' model.prop1)}}

Answer 2

这是错误的做法。在控制器或视图中计算图标的最终名称，或在模型中创建一个名为图标的新属性，例如。

DS.Model.extend({
   icon: function() {
     return 'icon-' + this.get('prop1').toLowerCase();
   }.property('prop1');
  ....

控制器/视图：

   icon: function() {
     return 'icon-' + this.get('model.prop1').toLowerCase();
   }.property('model.prop1');