EmberJS - Personalizzazione della classe dell'elemento

Personalizza la classe dell'elemento al momento dell'invocazione, cioè al momento della chiamata del nome della classe.

Sintassi

import Ember from 'ember';

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

Esempio

L'esempio riportato di seguito specifica la personalizzazione della classe dell'elemento al momento della chiamata. Crea un componente con il nome post-action , che verrà definito in app / components / .

Apri il file post-action.js e aggiungi il codice seguente:

import Ember from 'ember';

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

Ora apri il file modello del componente post-action.hbs con la seguente riga di codice:

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

Apri il file index.hbs e aggiungi la seguente riga di codice:

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

Produzione

Esegui il server ember; riceverai il seguente output -