Debugging Angular Applications: DevTools

The Angular team has created a tool that complements the debugging process with breakpoints, which we will learn in this lesson.

Angular DevTools is a browser extension created and maintained by the Angular team that allows us to debug and profile Angular applications directly in the browser. It is currently supported by Google Chrome and Mozilla Firefox and can be downloaded from their respective stores.

To open the extension, open the browser developer tools and select the “Angular” tab. It contains two additional tabs:

• Components: Displays the component tree of the Angular application ...