Log do auxiliar de desenvolvimento de modelo

Você pode exibir as variáveis ​​de saída no contexto do console do navegador usando o auxiliar {{log}} . Com este auxiliar, você também pode receber os tipos primitivos, como strings ou números.

Sintaxe

{{log 'Statment' VarName}}

Exemplo

O exemplo fornecido a seguir mostra como renderizar uma saída para o console do navegador. Crie um componente com o nome pós-ação e adicione o seguinte código a ele -

import Ember from 'ember';

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

Agora abra o arquivo post-action.hbs criado em app / templates / components / com o seguinte 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 o arquivo index.hbs , que é criado em app / templates / com o código abaixo -

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

Resultado

Execute o servidor ember; você receberá a seguinte saída -

Em seguida, insira o texto na caixa de entrada e clique no botão enviar -

Em seguida, ele exibirá o resultado no console do navegador, conforme mostrado na imagem abaixo -