EmberJS - Personalización del elemento de un componente

Personalice el elemento utilizando la subclase Ember.Component y establezca la propiedad tagName en él.

Sintaxis

import Ember from 'ember';

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

Ejemplo

El ejemplo que se muestra a continuación especifica la personalización del elemento de un componente mediante la propiedad tagName . 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 ({
   tagName: 'h1'
});

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

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