Question

我完全陷入困境，这是fiddle。在示例中，我希望能够在访问url / cars / details时加载其他数据，但我无法弄清楚我该怎么做。

这是我的模特：

App.Cars = DS.Model.extend({
    name: DS.attr('string'),
    details: DS.belongsTo('App.Details')
});

App.Details = DS.Model.extend({
    name: DS.attr('string'),
    color: DS.attr('string'),
    wheels: DS.attr('string')
});

这里缩短了FIXTURES

App.Cars.FIXTURES = [{
  id: 1,
  name: 'Alfa Romeo',
  details: 1
}];

App.Details.FIXTURES = [{
  id: 1,
  name: 'Alfa Romeo',
  color: 'Red',
  wheels: '14'
}];

任何有关如何实现这一点的想法，我确信我错过了一些非常简单的事情，只是不知道是什么。

修改

有趣的是，在原始项目中，如果我重新加载一个假设显示详细信息的网址，我会看到详细信息，但这只会发生一次。我将模型打印到控制台：

App.DetailsRoute = Ember.Route.extend({
  model: function(params) {
    console.log(params) // prints once only if loaded app was loaded to this url
    return App.Details.find(params.table_id);
  },
  setupController: function(controller, model) {
    console.log(model) // prints every time you click on a car
    controller.set('content', model);
  }
});

Answer 1

有两件事使你的代码无效：

您正在将car传递给{{linkTo 'details' car}}助手。因此，car将成为DetailsRoute（以及DetailsController）的模型，但您想要car.details代替：

{{#each car in controller}}
    {{#linkTo 'details' car.details}}
        {{car.name}}
    {{/linkTo}}
{{/each}}

另一件不起作用的是你的灯具id是整数。

用字符串替换它们，它将起作用you can see in this JSFiddle。

Ember js，在嵌套资源中加载其他模型

1 个答案: