EmberJS - Spingere i record

Puoi inserire i record nella cache del negozio senza richiedere i record da un'applicazione. Il negozio ha la capacità di restituire il record, se richiesto da una route o da un controller solo quando il record è nella cache.

Esempio

L'esempio riportato di seguito mostra il trasferimento dei record nella base di fuoco brace. Apri il file application.hbs creato in app / templates / con il seguente codice:

<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}}

Crea un modello con il nome invito , che verrà creato in app / models / . Apri il file e includi il codice seguente:

import DS from 'ember-data';

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

Successivamente, crea un controller con il nome application, che verrà creato in app / controllers / . Apri il file e aggiungi il seguente codice:

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', '');
      }
   }
});

Puoi memorizzare le informazioni in formato JSON su Ember Firebase. Per fare ciò, è necessario creare un account utilizzando il sito Web di Firebase . Per ulteriori informazioni su come creare e configurare Firebase nella tua applicazione, fai clic su questo collegamento .

Produzione

Esegui il server ember e otterrai la casella di input per inserire il valore come mostrato nello screenshot qui sotto -

Dopo aver fatto clic sul pulsante di invio, verrà visualizzato il testo inserito dall'utente -

Ora apri il tuo database Firebase, vedrai il valore memorizzato nella sezione Database -