EmberJS - Condición de plantilla si

La instrucción #if usa una expresión booleana en la que, si la expresión booleana es verdadera, entonces el bloque de código dentro delifse ejecutará la declaración; si la expresión booleana es falsa, entonces laelse se ejecutará el bloque.

Sintaxis

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

Ejemplo

El ejemplo que se muestra a continuación muestra el uso del asistente condicional if en Ember.js. Cree una plantilla llamada application.hbs en app / templates / con el siguiente código:

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

A continuación, cree el controlador llamado archivo application.js que se definirá en app / controller / con el siguiente código:

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'),
});

Salida

Ejecute el servidor ember y recibirá el siguiente resultado: