EmberJS - Condizione modello If

L' istruzione #if utilizza un'espressione booleana in cui, se l'espressione booleana è vera, il blocco di codice all'interno delifl'istruzione verrà eseguita; se l'espressione booleana è falsa, allora ilelse blocco verrà eseguito.

Sintassi

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

Esempio

L'esempio riportato di seguito mostra l'uso dell'helper condizionale if in Ember.js. Crea un modello chiamato application.hbs in app / templates / con il seguente codice:

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

Successivamente, crea il controller chiamato file application.js che verrà definito in app / controller / con il codice seguente:

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

Produzione

Esegui il server ember e riceverai il seguente output: