Ember用hasMany關係檢索一條記錄的計算屬性？

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

的問題是，我根本不知道如何通過的hasMany關係循環（除了使用把手{{#each}}幫手），和計算出的屬性是否可以包含來自另一個模型的單個Ember Data記錄。是否有消息來源，如果有的話，怎麼玩？

任何幫助和想法表示讚賞，謝謝。

Answer 1

我通過將priceSources整理到計算屬性sortedPrices中，然後調用模板中sortedPrices的firstObject來實現它。將立即用實際的解決方案編輯這篇文章。

它花了很長時間來測試，因爲我沒有意識到註釋句柄塊會破壞html內部的渲染。注意自我...

---

編輯：這做到了：

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> 

工程確定，沒有一噸的代碼。

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

模型是有點難以實現你想要的這是爲什麼使用一個計算和模板後渲染計算成爲你需要的對象。

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

當我有這樣我使用主動型適配器on Rails和作爲產品的一部分，在我的自定義序列返回例如cheapestSourcePrice然後在灰燼產品型號只需添加問題cheapestSourcePrice和模板{{} product.cheapestSourcePrice }你不要t want ember to do heavy lifting like this but if you don t控制服務器然後這樣做。在將源設置爲cheapesetSource之後，還有一件事情就是在刷新之前不再進行計算。如果你需要它留計算，您必須對模型增加一個屬性然後設置他insted的例子

cheapestSource2：DS.attr（）

這將允許它是一個對象

產品。設置（「cheapestSource2」，來源）;

，然後在模板 {{product.cheapestSource}} {{product.cheapestSource2.price}}

您撥打第一個屬性是有這麼計算被調用。

Answer 3

如果你有時間也試試這個解決方案。 this.get('priceSources')它返回Promise，所以你需要訪問方法中的結果並將其包裝在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; 
      }) 
     }); 
    })