ember.js - Ember Uncaught Error: assertion failed: Vaciar una vista en el estado inBuffer

ember-data ember-old-router

Question

Obtengo esta afirmación cuando ejecuto el siguiente código:

Vaciar una vista en el estado inBuffer no está permitido y no debería ocurrir bajo circunstancias normales. Lo más probable es que haya un error en su aplicación. Esto puede deberse a notificaciones de cambio de propiedad excesivas.

Enlace a la demostración: http://plnkr.co/edit/s3bUw4JFrJvsL690QUMi

var App = Ember.Application.create({
Store: DS.Store.extend({
revision: 4,
adapter: DS.FixtureAdapter.create()
}),
Router: Ember.Router.extend({
root: Ember.Route.extend({
index: Ember.Route.extend({
route: "/",
connectOutlets: function(router){
var person;
person = App.Person.find(657);
person.addObserver("isLoaded", function() {
return router.get(''router.applicationController'').connectOutlet("things", person.get("things"));
});
}
})
})
}),
ApplicationController: Em.Controller.extend(),
ApplicationView: Em.View.extend({
template: Em.Handlebars.compile("{{outlet}}")
}),
ThingsController: Em.ArrayController.extend({
thingTypes: (function() {
return App.ThingType.find();
}).property()
}),
ThingsView: Em.View.extend({
template: Em.Handlebars.compile([
''{{#each controller.thingTypes}}'',
''{{this.name}}'',
''{{/each}}'',
''{{#each controller.content}}'',
''{{this.title}}'',
''{{/each}}''].join(""))
}),
//MODELS
Person: DS.Model.extend({
things: DS.hasMany(''App.Thing'', {
embedded: true
})
}),
Thing: DS.Model.extend({
description: DS.attr(''string''),
thingType: DS.belongsTo("App.ThingType", {
embedded: true
}),
title: (function() {
return this.get("thingType.name");
}).property("description")
}),
ThingType: DS.Model.extend({
name: DS.attr("string")
})
});
App.Person.FIXTURES = [
{
id: 657,
things: [
{
id: 1,
description: "Some text",
thing_type: {
id: 1,
name: "type 1"
}
}, {
id: 2,
description: "Some text",
thing_type: {
id: 2,
name: "type 2"
}
}
]
}
];
App.ThingType.FIXTURES = [
{
id: 1,
name: "type 1"
}, {
id: 2,
name: "type 2"
}, {
id: 3,
name: "type 3"
}
];

¿Por qué está pasando esto?

Answer 1

un poco tarde, supongo ... pero lo tengo para trabajar aquí: http://plnkr.co/edit/hDCT4Qy1h5aE6GjM76qp

No cambió la lógica, pero donde se llama

Modifiqué tu enrutador así:

Router: Ember.Router.extend({
root: Ember.Route.extend({
index: Ember.Route.extend({
route: "/",
connectOutlets: function(router) {
var person;
router.set(''router.applicationController.currentPerson'', App.Person.find(657));
}
})
})
})

Y creó un ApplicationController:

ApplicationController: Em.Controller.extend({
currentPerson: null,
currentPersonLoaded: function() {
this.connectOutlet("things", this.get("currentPerson.things"));
}.observes("currentPerson.isLoaded"),
})

¡No sé si esta es la salida que deseabas, pero el error desapareció!

Answer 2

Estaba teniendo el mismo error al intentar cargar una lista de valores desplegables de los dispositivos. Lo que resolvió fue anular queryFixtures en el adaptador del dispositivo:

App.FixtureAdapter = DS.FixtureAdapter.extend
latency: 200
queryFixtures: (records, query, type) ->
records.filter (record) ->
for key of query
continue unless query.hasOwnProperty(key)
value = query[key]
return false if record[key] isnt value
true

Probablemente no me habría dado cuenta si no hubiera establecido la latencia primero. Entonces el error fue un poco más descriptivo.