EmberJS - Pushing Records

Você pode enviar os registros para o cache da loja sem solicitar os registros de um aplicativo. O armazenamento tem a capacidade de retornar o registro, se for solicitado por uma rota ou controlador apenas quando o registro estiver no cache.

Exemplo

O exemplo abaixo mostra o envio de registros para o ember firebase. Abra o arquivo application.hbs criado em app / templates / com o seguinte 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}}

Crie um modelo com o convite de nome , que será criado em app / models / . Abra o arquivo e inclua o seguinte código -

import DS from 'ember-data';

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

Em seguida, crie um controlador com o nome aplicativo, que será criado em app / controllers / . Abra o arquivo e adicione o seguinte 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', '');
      }
   }
});

Você pode armazenar as informações no formato JSON no Ember Firebase. Para fazer isso, você precisa criar uma conta usando o site do Firebase . Para obter mais informações sobre como criar e configurar o Firebase em seu aplicativo, clique neste link .

Resultado

Execute o servidor ember e você obterá a caixa de entrada para inserir o valor conforme mostrado na imagem abaixo -

Após clicar no botão enviar, será exibido o texto inserido pelo usuário -

Agora abra seu banco de dados firebase, você verá o valor armazenado na seção Database -