Journal d'aide au développement de modèles

Vous pouvez afficher les variables de sortie dans le contexte de la console du navigateur à l'aide de l' assistant {{log}} . Avec cet assistant, vous pouvez également recevoir les types primitifs tels que des chaînes ou des nombres.

Syntaxe

{{log 'Statment' VarName}}

Exemple

L'exemple ci-dessous montre comment rendre une sortie vers la console du navigateur. Créez un composant avec le nom post-action et ajoutez-y le code suivant -

import Ember from 'ember';

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

Ouvrez maintenant le fichier post-action.hbs créé sous app / templates / components / avec le code suivant -

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

Ouvrez le fichier index.hbs , qui est créé sous app / templates / avec le code ci-dessous -

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

Production

Exécutez le serveur de braises; vous recevrez la sortie suivante -

Ensuite, entrez le texte dans la zone de saisie et cliquez sur le bouton Soumettre -

Ensuite, il affichera le résultat dans la console du navigateur comme indiqué dans la capture d'écran ci-dessous -