EmberJS - Personalizando a Classe do Elemento

Personalize a classe do elemento na hora da invocação, ou seja, na hora de chamar o nome da classe.

Sintaxe

import Ember from 'ember';

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

Exemplo

O exemplo fornecido a seguir especifica a personalização da classe do elemento no momento da invocação. Crie um componente com o nome pós-ação , que será definido em app / components / .

Abra o arquivo post-action.js e adicione o seguinte código -

import Ember from 'ember';

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

Agora abra o arquivo de modelo de componente post-action.hbs com a seguinte linha de código -

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

Abra o arquivo index.hbs e adicione a seguinte linha de código -

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

Resultado

Execute o servidor ember; você receberá a seguinte saída -