EmberJS 使用未加载的模型以编程方式查看

Question

我有一个模型：

App.Checkin = DS.Model.extend({
  latitude: DS.attr('string'),
  longitude: DS.attr('string'),
  time: DS.attr('number')
});

以及一个通过

加载签入模型集合（使用 ember-data 发出请求）的路由

model: function() {      
  return this.store.find('checkin');
}

然后在我的路线模板中

{{view App.MapView}}

而且我需要以编程方式访问模型，以便我可以遍历模型中的每个项目以将图钉添加到地图。

在我的视野中

didInsertElement: function() {
   var data = this.get("context.content");
}

数据是

Class {type: function, store: Class, isLoaded: true, isUpdating: true, toString: function…}

在网络窗口中，此时对服务器的请求还没有完成，所以它显然没有数据要提供。 （即使是这样，我也不知道如何查询这样的对象，预期的方法都不起作用（get/forEach））

我相信我需要观察正在改变的模型，并且已经尝试过

updatePins: function() {
  debugger;
}.observes('context.content')

在视图内部。我尝试绑定到各种东西，但从未调用过 reRender。我已经尝试了Emberjs view binding for Google maps markers 上的建议 通过尝试绑定到 controller.content、context、App.Checkin 等。

一旦模型加载...在视图内部，我该如何从模型中获取数据？

Answer 1

直到模型没有解决你得到的是对该模型的承诺，显然承诺不包含数据，但是当请求从服务器返回时。如果模型有数据，您可以检查您的模板，通过观察model.length 属性，例如使用if 助手，当length 属性更改此蜜蜂时，if 助手块将重新评估它有收到数据。

例如，您可以尝试这样的操作：

...
{{#if model.length}}
  {{view App.MapView}}
{{/if}}
...

这将确保您的 App.MapView 在您的模型有数据时被渲染，因此您也可以按预期访问视图的 didInsertElement 挂钩中的数据。

更新

你的reRender钩子名字有点不对，应该是rerender

rerender: function() {
  debugger;
}.observes('context.content')

希望对你有帮助。