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

Question

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

以下无效：

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

谢谢

Answer 1

您可以实现一个自定义助手，将两个值连接起来，然后将其用作子表达式，例如'concat'

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

Answer 2

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

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

controller/view:

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