Ember.js Aplicación inicializador() Método

Ember.js es un marco web de JavaScript que utiliza un patrón de servicio de componentes. Es de código abierto. Las aplicaciones Ember Js cuando se inician pueden usar inicializadores para configurar el entorno y su funcionalidad por parte del usuario.

Sintaxis:

ember generate initializer <initializer-name>

Atributos: El objeto Initializer tiene cuatro atributos que se utilizan para definir su proceso de ejecución:

1. name: se utiliza para definir el nombre del inicializador. Esto debe ser único.
2. antes: esto se usa para garantizar que el inicializador actual se ejecute antes que el inicializador dado
3. after: esto se usa para asegurar que el inicializador actual se ejecute después del inicializador dado
4. initialize: esto se usa para llamar a la función initialize() del objeto inicializador.

Método: 

• initialize(): Es la función donde se especifica el código que se ejecutará durante este proceso de inicialización.

Crear una aplicación Ember: ahora necesitamos crear una aplicación Ember. Vaya al directorio donde desea guardar la aplicación y ejecute el comando:

ember create my-app

Crear aplicación Ember

Ejemplo 1: crearemos un inicializador ‘primero’ que será el primero que se llamará después de que se inicie la aplicación.

Ejecute el comando:

ember generate initializer first

Agregue el siguiente código en el archivo first.js creado por el comando en el comando de inicialización.

import { debug } from '@ember/debug';
  
export function initialize() {
  debug('This is The First initializer!');
}
  
export default {
  name: 'first',
  initialize
};

Producción:

This is The First initializer!

Ejemplo 2: si queremos, podemos usar solo un inicializador, pero en algunas situaciones, es posible que necesitemos más de un inicializador. Luego necesitamos definir qué inicializador se ejecuta y en qué orden. Ahora, para usar la funcionalidad de ‘antes’ y ‘después’, crearemos dos inicializadores más ‘inicio’ y ‘segundo’.

Ejecute los comandos:

ember generate initializer second
ember generate initializer start

Ahora pegue el siguiente código en el segundo.js.

import { debug } from '@ember/debug';
  
export function initialize() {
  debug('This is The Second initializer!');
}
  
export default {
  name: 'second',
  after: 'first',
  initialize
};

Ahora pegue el siguiente código en start.js:

import { debug } from '@ember/debug';
  
export function initialize() {
  debug('This is The Starting initializer!');
}
  
export default {
  name: 'start',
  before: 'first',
  initialize
};

Como usamos el atributo before en start.js, se ejecuta antes de first.js y second.js se ejecuta después de first.js porque usamos after de la palabra clave.

Ejecute el comando:

ember server

Salida: Vaya a localhost:4200 y abra la consola para ver el comportamiento deseado.

Salida de inicializadores