EmberJS - Visualizza albero

La struttura ad albero fornisce lo stato corrente di un'applicazione che include template, modello, controller e componenti attualmente renderizzati in un formato ad albero.

Puoi ispezionare il modello per vedere come viene visualizzato dall'applicazione Ember -

Fai clic sul nome del modello nella struttura ad albero e vedrai gli elementi DOM selezionati sotto il pannello Elementi -

Per impostazione predefinita, la struttura della vista ignora i componenti e può essere caricata nella struttura della vista selezionando la casella di controllo Componenti .

Puoi vedere il nome del modello evidenziato e gli oggetti associati quando passi il mouse sugli elementi nella struttura della vista.

Nell'immagine sopra, siamo stati posizionati su un elemento arrotondato di colore rosso e il relativo modello è evidenziato con gli altri oggetti nella tua applicazione.

È possibile visualizzare la durata del rendering per il modello specificato nella sezione Durata nella struttura della vista.