From 2ce93482b923ec5acbc288d2ca7fb3debc1d9a9f Mon Sep 17 00:00:00 2001
From: Jonas Bandi <blog@jonasbandi.net>
Date: Tue, 7 Aug 2018 21:56:35 +0200
Subject: [PATCH] docs: enable debug tools with current versions of Angular
 (#25361)

Updating code snippet in docs that shows how to enable debug tools.
PR Close #25361
---
 docs/TOOLS.md | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/docs/TOOLS.md b/docs/TOOLS.md
index 803b3aa566..6a8d366142 100644
--- a/docs/TOOLS.md
+++ b/docs/TOOLS.md
@@ -14,11 +14,17 @@ Ctrl + Shift + j.
 By default the debug tools are disabled. You can enable debug tools as follows:
 
 ```typescript
+import {ApplicationRef} from '@angular/core';
+import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
 import {enableDebugTools} from '@angular/platform-browser';
 
-bootstrap(Application).then((appRef) => {
-  enableDebugTools(appRef);
-});
+
+platformBrowserDynamic().bootstrapModule(AppModule)
+  .then(moduleRef => {
+    const applicationRef = moduleRef.injector.get(ApplicationRef);
+    const appComponent = applicationRef.components[0];
+    enableDebugTools(appComponent);
+  })
 ```
 
 ### Using debug tools