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

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');
  ....

控制器/视图：

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