ネストされたオブジェクト

Question

を取得するときHBSでヘルパーを取得し、私は次のオブジェクトがあるとします。私は私のテンプレートに画像のURLを対応する取得したい場合は、私はそれをどのように行う必要があり、

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

を？ 私は試しました：

{{get image mySize 'url'}} 

しかし、動作しません。

私はこのように入力することで、私が欲しいのURLを取得することができます：

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

しかし、これは非常に直感的かつ醜い回避策です。もっと良い方法はありますか？ありがとうございました。

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

しかし、これは計算されたプロパティのための仕事のように聞こえる：

Answer 1

あなたはそれに伴い、連結ヘルパーを使用する必要が

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

あなただけで{{imageUrl}}を使用することができますこの方法テンプレート。

Ember twiddle