Получить помощник в HBS при получении вложенных объектов

Question

предположить, у меня есть следующие объекты:

image: { 
    size: { 
    l: { 
     url: 'l.jpg', 
    }, 
    m: { 
     url: 'm.jpg', 
    }, 
    s; { 
     url: 's.jpg', 
    } 
    } 
}, 
mySize: 'm' 

Если я хочу, чтобы получить соответствующий URL изображения в моем шаблоне, как я должен делать это? Я пробовал:

{{get image mySize 'url'}} 

, но он не работает.

я могу получить URL я хочу, набрав, как это:

{{get (get image mySize) 'url')}} 

Однако это очень неинтуитивный и уродливый обходной путь. Есть ли лучший способ? Спасибо.

Answer 1

Вы должны использовать помощник Concat вместе с ним:

{{get image (concat 'size.' mySize '.url')}}

Но это звучит как работа для вычисляемого объекта:

imageUrl: Ember.computed('mySize', 'image.size', function() { 
    let { image, mySize } = this.getProperties('image', 'mySize'); 
    return Ember.get(image, `size.${mySize}.url`); 
}) 

Таким образом, вы можете просто использовать {{imageUrl}} в шаблон.

Ember twiddle