EmberJS - Condition du modèle si

L' instruction #if utilise une expression booléenne dans laquelle, si l'expression booléenne est vraie, alors le bloc de code à l'intérieur duifl'instruction sera exécutée; si l'expression booléenne est fausse, alors leelse block sera exécuté.

Syntaxe

{{#if property-name}}
   //statement
{{else}}
   //statement
{{/if}}

Exemple

L'exemple donné ci-dessous montre l'utilisation de l'aide conditionnelle if dans Ember.js. Créez un modèle appelé application.hbs sous app / templates / avec le code suivant -

{{#if check}}
   //true block of statement
   <h3> boolean value is {{check}}</h3>
   {{else}}
   //false block of statement
   <h3>boolean value is {{check}}</h3>
{{/if}}

Ensuite, créez le fichier controller appelé application.js qui sera défini sous app / controller / avec le code suivant -

import Ember from 'ember';

export default Ember.Controller.extend ({
   bool: true,
   check: function () {
      //returning the boolean value to the called function
      return this.bool;
   }.property('content.check'),
});

Production

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