Ember-Model EmbeddedHasManyArray未在模板的每個幫助器中更新

Question

我正在為一個簡單的發票應用程序使用ember-model，我是ember的新手，我無法解決這里發生的事情，基本上我是在嵌入嵌套的數據中使用ember-model的hasMany，（每個發票的項目都在一個數組中），我嘗試將代碼放在jsbin和jsfiddle上，但是在那里沒有用，所以對於那些有時間幫助的人，我在這里的保管箱中放了一個檔案： Ember-Model hasMany沒有在模板的{{#each}}中更新

要重現該錯誤，請導航至一張發票，然后使用鏈接導航至另一張發票，觀看未更新的項目，好像它們被卡住了一樣，但是如果重新加載頁面，您將獲得正確的項目，我在做什么錯了：/ ？

以下代碼當然是我實際應用程序的非常簡化的版本，但它確實重現了該錯誤。

感謝任何願意提供幫助的人。

Index.html

<!DOCTYPE html>
<html>
<head>
  <meta name="description" content="Ember - Starter" />
  <meta charset=utf-8 />
  <title>Ember-Model</title>
  <script src="libs/jquery-1.9.1.js"></script>
  <script src="libs/handlebars-1.0.0.js"></script>
  <script src="libs/ember-1.1.2.js"></script>
  <script src="libs/ember-model-latest.js"></script>
  <script src="app.js"></script>
</head>
<body>

<script type="text/x-handlebars">
  <h1>Invoices</h1>
  {{ outlet }}
</script>

<script type="text/x-handlebars" data-template-name="factures">
{{#each}}
    <ul>
        <li>{{#link-to 'facture' this}}{{title}}{{/link-to}}</li>
    </ul>
{{/each}}
  <hr/>
    {{outlet}}
</script>

<script type="text/x-handlebars" data-template-name="facture">
<h2>Items for {{title}}</h2>
{{#each items}}
<ul>
  <li>{{desc}}</li>
</ul>
{{/each}}
</script>

</body>
</html>

App.js

var App = Ember.Application.create();

// ROUTER
App.Router.map(function () {
    this.resource('factures', function () {
        this.resource('facture', {
            path: '/:facture_id'
        });
    });
});

App.FacturesRoute = Ember.Route.extend({
    model: function (params) {
        return App.Facture.find();
    }
});

App.FactureRoute = Ember.Route.extend({
    model: function (params) {
        return App.Facture.fetch(params.facture_id).then(function (modelData) {
            return App.Facture.find(params.facture_id);
        });
    }
});

// Redirect
App.IndexRoute = Ember.Route.extend({
    redirect: function () {
        this.transitionTo('factures');
    }
});


// MODELS
var attr = Ember.attr,
    hasMany = Ember.hasMany,
    belongsTo = Ember.belongsTo;

// Factures
App.Facture = Ember.Model.extend({
    title: attr(),
    items: hasMany('App.Item', {
        key: 'items',
        embedded: true
    })
});

App.Facture.adapter = Ember.FixtureAdapter.create();

// Facture
// -> [ Items ]
App.Item = Ember.Model.extend({
    desc: attr(""),
    qty: attr("number"),
    price: attr("string")
});

// FIXTURES

App.Facture.FIXTURES = [
{
    id: 1,
    title: "Invoice #1",
    items: [
        {id: 1, desc: 'An Item for #1', qty: 2, price: "45"}, 
        {id: 2, desc: 'An Item for #1', qty: 5, price: "75"}
    ]
}, 
{
    id: 2,
    title: "Invoice #2",
    items: [
        {id: 1, desc: 'An Item for #2', qty: 2, price: "250"},
        {id: 2, desc: 'An Item for #2', qty: 5, price: "200"}
    ]
}];

Answer 1

您的商品ID應該是唯一的，ember模型不在乎是否嵌入，如果看到的ID相同，則返回該ID已經存在的模型。

http://emberjs.jsbin.com/eKibapI/1/edit

App.Facture.FIXTURES = [
{
    id: 1,
    title: "Invoice #1",
    items: [
        {id: 1, desc: 'An Item for #1', qty: 2, price: "45"}, 
        {id: 2, desc: 'An Item for #1', qty: 5, price: "75"}
    ]
}, 
{
    id: 2,
    title: "Invoice #2",
    items: [
        {id: 3, desc: 'An Item for #2', qty: 2, price: "250"},
        {id: 4, desc: 'An Item for #2', qty: 5, price: "200"}
    ]
}];

Answer 2

我不確定為什么要在App.Facture.find()中包裝App.Facture.fetch() 。 請注意，它被設置在途中return回調函數的不會被你返回model掛鈎。 請嘗試以下操作：

App.FactureRoute = Ember.Route.extend({
    model: function (params) {
        return App.Facture.find(params.facture_id);
    }
});

當然，這也是默認行為，因此您應該能夠刪除整個App.FactureRoute 。

Ember-Model EmbeddedHasManyArray未在模板的每個幫助器中更新

問題描述

Index.html

App.js

2 個解決方案

解決方案1
0 已采納 2013-11-23 00:24:44

解決方案2
0 2013-11-23 00:27:08

Ember-Model EmbeddedHasManyArray未在模板的每個幫助器中更新

問題描述

Index.html

App.js

2 個解決方案

解決方案1 0 已采納 2013-11-23 00:24:44

解決方案2 0 2013-11-23 00:27:08

解決方案1
0 已采納 2013-11-23 00:24:44

解決方案2
0 2013-11-23 00:27:08