带有参数的 Ember 数据“查找”阻止显示新记录

Question

我正在尝试将新记录添加到 Ember 数据存储区，它预计会立即显示。花了几个小时试图弄清楚为什么它不显示，并发现将参数传递给 Ember Data store.find 会阻止它。

所以这段代码有效：

App.FlagsRoute = Ember.Route.extend({
  model: function(params) {
    return this.store.find('flag');
  }
});

App.FlagsController = Ember.ArrayController.extend({
  init: function() {
    this.store.createRecord('flag');
  }
});

JSBin：http://jsbin.com/OxIDiVU/409/edit

正如预期的那样，表格底部显示了一条新记录。

当我只添加一件事，“查找”查询的参数时，它会停止工作。

所以这段代码打破了新的显示记录：

App.FlagsRoute = Ember.Route.extend({
  model: function(params) {
    return this.store.find('flag', params);
  }
});

JSBin：http://jsbin.com/OxIDiVU/407/edit

新记录实际上已添加到 Ember 数据存储中，但未显示在表格中。

Answer 1

您的问题是您正在控制器的 init 函数中创建记录。你的路由的model 钩子在你的控制器第一次被实例化之前被调用，所以它没有找到记录，因为它不存在。第一个有效，因为在没有参数的情况下调用 find 方法会返回一个数组，该数组会随着新记录的添加而更新。使用参数调用它不会这样做。

无论如何，您的init 函数是一个糟糕的创建记录的地方。您不应该在该函数中处理任何类型的持久状态。理想情况下，记录应该在运行时在控制器中创建，作为用户交互的结果。如果您向我们提供有关您的用例以及您希望如何创建新标志的更多信息，我可以为您提供更多帮助。