EmberJS - Personalizzazione dell'elemento di un componente

Personalizza l'elemento utilizzando la sottoclasse Ember.Component e impostaci la proprietà tagName .

Sintassi

import Ember from 'ember';

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

Esempio

L'esempio riportato di seguito specifica la personalizzazione dell'elemento di un componente utilizzando la proprietà tagName . 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 ({
   tagName: 'h1'
});

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

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