EmberJS - Afficher l'arborescence

L'arbre de vue fournit l'état actuel d'une application qui comprend le modèle, le modèle, le contrôleur et les composants actuellement rendus dans un format d'arbre.

Vous pouvez inspecter le modèle pour voir comment il est rendu par l'application Ember -

Cliquez sur le nom du modèle dans l'arborescence des vues et vous verrez les éléments DOM sélectionnés sous le panneau Eléments -

Par défaut, l'arborescence de vues ne tient pas compte des composants et peut être chargée dans l'arborescence de vues en cochant la case Composants .

Vous pouvez voir le nom du modèle en surbrillance et ses objets associés lorsque vous passez la souris sur les éléments dans l'arborescence de vues.

Dans l'image ci-dessus, nous avons survolé un élément arrondi de couleur rouge et le modèle associé est mis en surbrillance avec les autres objets de votre application.

Vous pouvez voir la durée de rendu pour le modèle donné sous la section Durée de l'arborescence de vues.