Log di supporto per lo sviluppo del modello

È possibile visualizzare le variabili di output nel contesto della console del browser utilizzando l' helper {{log}} . Con questo helper, puoi anche ricevere i tipi primitivi come stringhe o numeri.

Sintassi

{{log 'Statment' VarName}}

Esempio

L'esempio riportato di seguito mostra come eseguire il rendering di un output sulla console del browser. Crea un componente con il nome post-action e aggiungi il codice seguente:

import Ember from 'ember';

export default Ember.Component.extend ({
   actions: {
      send() {
         this.toggleProperty('isShowingBody');
      }
   }
});

Ora apri il file post-action.hbs creato in app / templates / components / con il seguente codice -

<h2>Log Helper</h2>
{{#if isShowingBody}}
   {{log 'Name is:' firstName}}
{{/if}}

{{input type = "text" placeholder = "Enter the text" 
   value = firstName disabled = entryNotAllowed}}
<button {{action "send"}}>Submit</button>
{{yield}}

Apri il file index.hbs , che viene creato in app / templates / con il codice seguente -

{{post-action}}
{{outlet}}

Produzione

Esegui il server ember; riceverai il seguente output -

Quindi, inserisci il testo nella casella di input e fai clic sul pulsante di invio -

Successivamente, visualizzerà il risultato nella console del browser come mostrato nello screenshot qui sotto -