Chapter 9: Debugging with the New Ivy Runtime APIs

Angular Ivy introduces a new API for inspecting and debugging our Angular applications at runtime. It replaces the previous NgProbe API and allows tree-shaking of DebugElement.

We will explore Angular's most useful runtime debugging functions, including the following:

• ng.applyChanges
• ng.getComponent
• ng.getContext
• ng.getListeners

Having these debugging utilities at hand will allow you to verify your assumptions about active components, their templates, and their DOM bindings at runtime.

This chapter covers these topics:

• Introduction to the new Ivy runtime API
• Inspecting an active component
• Inspecting event listeners
• Inspecting an embedded view context

Getting familiar with these topics will improve your development workflow when implementing Angular Ivy applications.