hasMany関係から1レコードを取り出すためのEmber計算プロパティー？

Question

はここに私の簡素化の状況、です：私の製品テンプレートで

// model/price-source.js 

export default DS.Model.extend({ 
    price: DS.attr('number'), 
    product: DS.belongsTo('product') 
)}; 

// model/product.js 

export default DS.Model.extend({ 
    priceSources: DS.hasMany('price-source') 
)}; 

、私は単純にそうように、最低価格でソースを参照できるようにしたい：

// templates/products.hbs 

{{#each model as |product|}} 
<span>{{product.cheapestSource.price}} €</span> 
{{/each}} 

がどのように私は行くだろうcheapestSource計算されたプロパティを設定することについて？私はこのような何かしなければならないだろうと想像：

// model/product.js 

    cheapestSource: Ember.computed('priceSources', function() { 
    let sources = this.get('priceSources'); 
    let cheapest = sources.get('firstObject'); 

    // iterate over sources and set cheapest to whichever has the lowest price 

    return cheapest; 
    }) 

問題があるが、私はどのように（離れてハンドル{{#each}}ヘルパーを使用してから）hasManyの関係をループに少し考えを持っており、計算されたプロパティが他のモデルからの単一のEmber Dataレコードで構成されることができるかどうか。ソースは@それぞれ何かがこれに参加していますか？

ご協力いただきありがとうございます。

Answer 1

priceSourcesを計算されたプロパティsortedPricesにソートしてから、テンプレート内のsortedPricesのfirstObjectを呼び出して作業しました。すぐに実際のソリューションでこの投稿を編集します。

ハンドルバーブロックをコメントアウトするとhtmlのレンダリングが中断されることはわかりませんでしたので、テストに時間がかかりました。自己...

---

EDITへの注意：これはそれをやった：テンプレートで次に

export default DS.Model.extend({ 
    priceSources: DS.hasMany('price-source'), 
    sortProperties: ['price:asc'], 
    sortedSources: Ember.computed.sort('priceSources', 'sortProperties') 
}); 

：

<span>{{product.sortedSources.firstObject.price}} €</span> 

は、コードのトンせずに、[OK]を動作します。

Answer 2

これは、cheapestSourceを使用する必要があるコントローラで実行できます。

cheapestSource: Ember.computed('priceSources', function() { 
     let sources = this.get('priceSources'); 
     let cheapest = sources.get('firstObject'); 
     let array = sources.mapBy("price"); 
     let min = array.reduce(function(a, b, i, array) {return Math.min(a,b)}); 
     sources.forEach(function(source){ 
      if (source.get("price") == min){ 
      cheapest = source; 
      } 
     }); 
    return cheapest; 
    }) 

モデルは少し難しいですが、これは1つの計算を使用し、テンプレートをレンダリングした後に必要なオブジェクトになります。

cheapestSource: Ember.computed('priceSources', function() { 
     let product = this; 
     this.get('priceSources').then((sources)=>{ 
     let array = sources.mapBy("price"); 
     if(array.length>0){ 
     let min = array.reduce(function(a, b, i, array) {return Math.min(a,b)}); 
     sources.forEach(function(source){ 
      if (source.get("price") == min){ 
      product.set("cheapestSource", source); 
      } 
     }); 
     } 
    }); 
    }) 

私はRailsの上のアクティブモデルアダプタを使用し、エンバーの製品モデルで、その後、私のカスタム・シリアライザに製品の一部として例cheapestSourcePriceのために戻る。このような問題を持っている場合だけcheapestSourcePriceを追加し、テンプレートで{{product.cheapestSourcePrice} }あなたはt want ember to do heavy lifting like this but if you donを制御していないので、このようにしてください。また、ソースをcheapesetSourceに設定した後のもう1つの点は、更新されるまでリソースが計算されなくなりました。あなたはそれを計算に滞在する必要がある場合は、モデルに1つのより多くのプロパティを追加する必要があり、その後に彼を設定する例をinsted

cheapestSource2：DS.attr（）

それはオブジェクト

製品であるためにはこれができるようになります。 set（ "cheapestSource2"、source）;呼び出す

と、テンプレート における{{product.cheapestSource}}、{{}} product.cheapestSource2.price

最初のプロパティは、それほど計算があると呼ばれます。

Answer 3

時間がある場合は、このソリューションも試してください。 this.get('priceSources')プロミスを返すので、結果のメソッドにアクセスしてDS.PromiseObjectでラップして、テンプレートの通常のオブジェクトのようにアクセスできるようにする必要があります。

cheapestSource: Ember.computed('priceSources.@each.price', function() { 
     return DS.PromiseObject.create({ 
      promise: this.get('priceSources').then(sources => { 
       let resultObj = {} 
        //sources is normal array you can apply your logic and set resultObj 
       return resultObj; 
      }) 
     }); 
    })