6

--使用 Ember 数据 2.7.1--

我试图在不先使用 toArray() 将它们转换为数组的情况下反转记录集合的顺序。这个对象集合来自 this.store.findAll('history-item') 返回的承诺。

我想用 ember 的方式来做这件事，而不是让它们变成普通的 javascript。我收到一个 TypeError: internalModel.getRecord 来自 record-array.js。由于某种原因，当它尝试执行 objectAtContent() 时，它正在查看的内容似乎没有类型。通过堆栈跟踪，我可以看到我正在处理的对象是 [Class]，class 是历史项目模型。在 objectAtContent() 之前的几次堆栈调用，正在处理的对象从该历史项目模型切换到其他没有类型属性的 Class 对象。

我可以使用 Ember Inspector 正确查看我的数据，如果我只是在模板上显示原始记录集合，它会正确显示。

有没有人遇到过这个？

一些想法和考虑：

- findAll() 如何与它的承诺一起工作，因为它在后台重新加载，所以有什么特别之处吗？我确实希望它继续重新加载实时数据。

-我正在使用 ember-cli-mirage 来模拟我的数据库和端点，并且我已经按照我认为的字母的说明进行操作。我正在为 mirage 使用未配置的 JSONAPISerializer，为 ember 使用未配置的 JSONAPIAdapter。它与从后面发送的元数据有什么关系吗？是否与未设置的模型或记录有关？我有什么特别的事情要做吗？

定义模型并尝试对其进行反转的路线段：[注意：我知道在路线中准备数据（排序）可能不是惯例，但我只是将其放在这里以便于描述。我通常在控制器或组件外面做]

  model(){
    return this.get('store').findAll('history-item').then(function(items){
      return items.reverseObjects();
    }).catch(failure);

历史列表模型声明：

  export default DS.Model.extend({
    question: DS.attr('string'),
    answer: DS.attr('string')
  });

Ember-Cli-Mirage config.js 端点：

  this.get('/history-items', (schema) => {
     return schema.historyItems.all();
  });

用于历史项目的 Ember-Cli-Mirage 夹具：

  export default [
    {id: 1, question: "1is this working?", answer: "Of course!"}
  }

错误：

  TypeError: internalModel.getRecord coming from record-array.js

当我尝试创建保存记录时，也会发生此问题。保存成功，但是当模型重新加载（并尝试反转）时，它会失败并出现同样的错误。我是不是固定装置都没有关系。

控制器：

  var newHistoryItem = this.store.createRecord('history-item', {
    question: question,
    answer: answer
  });
  newHistoryItem.save().then(success).catch(failure);
4

2 回答 2

4

从返回的结果store.findAll是store.query一个 AdapterPopulatedRecordArray（实时数组），addObject,addObjects,removeObject,removeObjects, unshiftObject,unshiftObjects,pushObject,pushObjects,reverseObjects,setObjects,shiftObject,clear,popObject,removeAt,removeObject,removeObjects,insertAt不应使用类似的变异方法。

查看相应的讨论和 Proposed PR to throw error 以及使用 toArray() 复制数组而不是变异的建议。

于 2016-08-27T18:46:46.183 回答
2

我认为使用toArray很好，无需重新发明轮子。甚至 Ember 的可枚举/数组方法也是toArray在后台使用实现的。

我喜欢在控制器/组件上保留转换，因此路由只关心 [URL -> 数据] 逻辑。我想在这里我会保持模型挂钩返回服务器数据，并在控制器上使用计算属性：

import Ember from 'ember';

export default Ember.Controller.extend({

  reversedItems: Ember.computed('model.[]', function() {
    return this.get('model').toArray().reverse();
  })
});

玩转： https ://ember-twiddle.com/6527ef6d5f617449b8780148e7afe595 ?openFiles=controllers.application.js%2C

您还可以使用Ember Composable Helpersreverse中的助手并在模板中执行此操作：

{{#each (reverse model) as |item|}}
  ...
{{/each}}
于 2016-08-24T18:11:28.797 回答