Как соединить статическую строку и динамическое свойство для передачи помощнику?

Question

Как я могу соединить статическую строку и динамическое свойство для передачи помощнику?

Следующее не работает:

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

Спасибо

Answer 1

Это неправильный подход. Либо вычислите окончательное имя вашего значка в контроллере или представлении, либо создайте новое свойство в вашей модели, называемое значком, например

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

Answer 2

Вы можете реализовать пользовательский помощник, который объединяет два значения, а затем использовать его как подвыражение, например, "concat".

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