0

Invoice hasMany lineItemsと。_ lineItem belongsTo_Product

請求書のすべてのlineItemを繰り返し処理し、製品名を使用してテーブルをレンダリングしたいと思います。

<script type="text/x-handlebars" data-template-name="invoice">
  <h1>Invoice #{{number}}</h1>
  <table>
  <tr><th>Amount</th><th>Product</th></tr>
  {{#each lineItem in lineItems}}
    <tr>
      <td>{{lineItem.amount}}</td>
      <td>{{lineItem.product.name}}</td>
    </tr>
  {{/each}}
  </table>
</script>

しかし、{{lineItem.product.name}}動作しません。どうすればそれをコーディングする必要がありますか？

私のapp.js：

App = Ember.Application.create();

// Router
App.Router.map(function() {
  this.resource('invoice', { path: '/' });
});

App.InvoiceRoute = Ember.Route.extend({
  model: function() {
    return App.Invoice.find(1);
  }
});

// Models
App.Store = DS.Store.extend({
  revision: 11,
  adapter: 'DS.FixtureAdapter'
});

App.Invoice = DS.Model.extend({
  number: DS.attr('string'),
  lineItems: DS.hasMany('App.LineItem')
});

App.LineItem = DS.Model.extend({
  amount:  DS.attr('number'),
  invoice: DS.belongsTo('App.Invoice'),
  product: DS.belongsTo('App.Product')
});

App.Product = DS.Model.extend({
  name:  DS.attr('string'),
  lineItems: DS.hasMany('App.LineItem')
});

App.Invoice.FIXTURES = [{
  id: 1,
  number: '0001',
  lineItems: [1, 2]
}];

App.LineItem.FIXTURES = [{
  id: 1,
  invoice_id: 1,
  product_id: 1,
  amount: '2'
}, {
  id: 2,
  invoice_id: 1,
  product_id: 2,
  amount: '1'
}];

App.Product.FIXTURES = [{
  id: 1,
  name: 'Apple',
  lineItems: [1]
}, {
  id: 2,
  name: 'Orange',
  lineItems: [2]
}];
4

1 に答える 1

1

FIXTURESが間違っていました。LineItemの定義ではproduct_idではなくproductである必要があります。修正されたコードは次のとおりです。

App.LineItem.FIXTURES = [{
  id: 1,
  invoice: 1,
  product: 1,
  amount: '2'
}, {
  id: 2,
  invoice: 1,
  product: 2,
  amount: '1'
}];
于 2013-03-28T10:26:41.487 に答える