EmberJS - Personalización de la clase del elemento

Personalice la clase del elemento en el momento de la invocación, es decir, en el momento de llamar al nombre de la clase.

Sintaxis

import Ember from 'ember';

export default Ember.Component.extend ({
   classNames: ['name_of_class']
});

Ejemplo

El ejemplo que se muestra a continuación especifica la personalización de la clase del elemento en el momento de la invocación. Cree un componente con el nombre post-action , que se definirá en app / components / .

Abra el archivo post-action.js y agregue el siguiente código:

import Ember from 'ember';

export default Ember.Component.extend ({
   classNameBindings: ['isUrgent'],
   isUrgent: true,
});

Ahora abra el archivo de plantilla de componente post-action.hbs con la siguiente línea de código:

<div class = "ember-view is-urgent">Welcome to Tutorialspoint...</div>
{{yield}}

Abra el archivo index.hbs y agregue la siguiente línea de código:

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

Salida

Ejecute el servidor Ember; recibirá el siguiente resultado: