EmberJS - Personalizando um Elemento de Componente

Personalize o elemento usando a subclasse Ember.Component e defina a propriedade tagName para ele.

Sintaxe

import Ember from 'ember';

export default Ember.Component.extend ({
   tagName: 'tag_name'
});

Exemplo

O exemplo a seguir especifica a personalização de um elemento de componente usando a propriedade tagName . 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 ({
   tagName: 'h1'
});

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

Welcome to Tutorialspoint...
{{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 -