EmberJS - Impulsando récords

Puede insertar los registros en la memoria caché de la tienda sin solicitarlos desde una aplicación. La tienda tiene la capacidad de devolver el registro, si lo solicita una ruta o un controlador solo cuando el registro está en la caché.

Ejemplo

El ejemplo que se muestra a continuación muestra cómo se empujan los registros a la base de fuego de las brasas. Abra el archivo application.hbs creado en app / templates / con el siguiente código:

<h2>Pushing Record into Store</h2>
<form>
   {{input type = "name" value = nameAddress placeholder = "Enter the text" 
      autofocus = "autofocus"}}
   //when user clicks the send button, the 'saveInvitation' action will get triggered
   <button {{action 'saveInvitation'}} >Send</button> 
</form>

{{#if responseMessage}}
   //display the response sessage after sending the text successfully
   {{responseMessage}}
{{/if}}
{{outlet}}

Cree un modelo con el nombre de invitación , que se creará en app / models / . Abra el archivo e incluya el siguiente código:

import DS from 'ember-data';

export default DS.Model.extend ({
   //specifying attribute using 'attr()' method
   name: DS.attr('string')
});

A continuación, cree un controlador con el nombre aplicación, que se creará en app / controllers / . Abra el archivo y agregue el siguiente código:

import Ember from 'ember';

export default Ember.Controller.extend ({
   headerMessage: 'Coming Soon',
   //displays the response message after sending record to store
   responseMessage: '',
   nameAddress: '',

   actions: {
      //this action name which fires when user clicks send button
      saveInvitation() {
         const name = this.get('nameAddress');
         //create the records on the store by calling createRecord() method
         const newInvitation = this.store.createRecord('invitation', { name: name });
         newInvitation.save(); //call the save() method to persist the record to the backend
         this.set('responseMessage', `Thank you! We have saved your Name: ${this.get('nameAddress')}`);
         this.set('nameAddress', '');
      }
   }
});

Puede almacenar la información en formato JSON en Ember Firebase. Para hacer esto, debe crear una cuenta utilizando el sitio web de Firebase . Para obtener más información sobre cómo crear y configurar Firebase en su aplicación, haga clic en este enlace .

Salida

Ejecute el servidor ember y obtendrá el cuadro de entrada para ingresar el valor como se muestra en la captura de pantalla a continuación:

Después de hacer clic en el botón enviar, se mostrará el texto ingresado por el usuario:

Ahora abra su base de datos de base de fuego, verá el valor almacenado en la sección Base de datos :

↰ Previous page