Tengo un comportamiento extraño con mi aplicación Ember. No puedo encontrarle ningún sentido. Básicamente estoy usando Ember octane y quería acceder a mi modelo desde mi route a mi controller .
esta es mi ruta
import Route from '@ember/routing/route'; export default class ChatIndexRoute extends Route { model() { return { chatMessages: [ { username: '1', message: 'Hi', read: true, }, { username: '1', message: 'how are you?', read: false, }, { username: '1', message: 'its been a long time :)', read: false, }, ], }; } setupController(controller, model) { controller.set('model', model.chatMessages); } }y este es mi controlador
import Controller from '@ember/controller'; export default class ChatIndexController extends Controller { init() { super.init(...arguments); console.log('test', this.model); } } Cuando console.log(this.model) obtuve undefined .
Pero cuando simplemente hago un console.log(this) , obtuve un objeto completo con una propiedad de modelo llena de mensajes de chatmessages
Esto es Loco
Esto es solo una pequeña confusión de tiempo. init() en el controlador se ejecuta antes setupController en la ruta. por lo que this.model no está undefined .
Pero cuando haces console.log(this) , obtienes el controlador completo registrado. Y la magia de la consola es que es en vivo. Entonces, cuando este objeto más tarde (no mucho más tarde, solo un poco) se actualice, lo verá en la consola. Y así puede inspeccionar la propiedad del model en el controlador en la consola, incluso si no estaba allí cuando inició sesión en el controlador.
Una solución para esto sería usar el modelo directamente en la plantilla y otra solución sería usar propiedades calculadas.
export default class ChatIndexController extends Controller { init() { super.init(...arguments); console.log('test', this.model); } chatMessages: computed(function(){ console.log(this.model); //will print the model } }