Augury

Augury inspects and visualizes the component tree with different properties of one or more components. Install the Augury tools from the Augury Chrome extension page, (https://chrome.google.com/webstore/detail/augury/elgalmkoelokbchhkhacckoklkejnhcd) and click on the ADD TO CHROME button. Once the installation is completed, the following steps need to be taken in order to work with Augury:

  • Use Ctrl + Shift + I to open the Chrome Developer Tools window.
  • Click on Augury to open the tool. It displays menu options such as Component Tree, Router Tree, and NgModules

The Augury icon can be seen in the top-right corner of your browser once it is installed.

Open it and you will see a list of currently loaded components in your application, ...

Get TypeScript 2.x for Angular Developers now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.