Registro de ayuda para el desarrollo de plantillas

Puede mostrar las variables de salida en el contexto de la consola del navegador utilizando el ayudante {{log}} . Con este ayudante, también puede recibir los tipos primitivos como cadenas o números.

Sintaxis

{{log 'Statment' VarName}}

Ejemplo

El ejemplo que se muestra a continuación muestra cómo renderizar una salida en la consola del navegador. Cree un componente con el nombre de acción posterior y agréguele el siguiente código:

import Ember from 'ember';

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

Ahora abra el archivo post-action.hbs creado en app / templates / components / con el siguiente código:

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

Abra el archivo index.hbs , que se crea en app / templates / con el siguiente código:

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

Salida

Ejecute el servidor ember; recibirá el siguiente resultado:

Luego, ingrese el texto en el cuadro de entrada y haga clic en el botón enviar -

A continuación, mostrará el resultado en la consola del navegador como se muestra en la captura de pantalla a continuación: