Augury (https://augury.rangle.io) is a very useful debugging tool for Angular that can be installed as an extension for both Google Chrome and Mozilla Firefox. It extends the built-in developer tools with Angular-specific utilities:
With the help of Augury, you can visualize your Angular application's component tree, inspect the state of its components, and analyze what is going on behind the scenes:
In the preceding example, the Component Tree view clearly shows the structure of the page. Whenever an element is selected on the left, its properties are shown on the right.