From cc55d609ce73aaee9f772e28cb7a55bcec4e7ae1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ana=20Mar=C3=ADa=20Mart=C3=ADnez=20G=C3=B3mez?=
 <ammartinez@suse.de>
Date: Thu, 12 Jul 2018 15:00:54 +0200
Subject: [PATCH] docs: add HttpClientModule import code to services tutorial
 (#24854)

To be able to copy and paste.

PR Close #24854
---
 .../examples/toh-pt6/src/app/app.module.ts        |  2 ++
 aio/content/tutorial/toh-pt6.md                   | 15 +++++++++++----
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/aio/content/examples/toh-pt6/src/app/app.module.ts b/aio/content/examples/toh-pt6/src/app/app.module.ts
index 9770300706..69afe100a8 100644
--- a/aio/content/examples/toh-pt6/src/app/app.module.ts
+++ b/aio/content/examples/toh-pt6/src/app/app.module.ts
@@ -3,7 +3,9 @@
 import { NgModule }       from '@angular/core';
 import { BrowserModule }  from '@angular/platform-browser';
 import { FormsModule }    from '@angular/forms';
+// #docregion import-http-client
 import { HttpClientModule }    from '@angular/common/http';
+// #enddocregion import-http-client
 
 // #docregion import-in-mem-stuff
 import { HttpClientInMemoryWebApiModule } from 'angular-in-memory-web-api';
diff --git a/aio/content/tutorial/toh-pt6.md b/aio/content/tutorial/toh-pt6.md
index 46d59f14d3..a5f0955f3d 100644
--- a/aio/content/tutorial/toh-pt6.md
+++ b/aio/content/tutorial/toh-pt6.md
@@ -13,11 +13,18 @@ When you're done with this page, the app should look like this <live-example></l
 
 `HttpClient` is Angular's mechanism for communicating with a remote server over HTTP. 
 
-To make `HttpClient` available everywhere in the app,
+To make `HttpClient` available everywhere in the app:
 
-* open the root `AppModule`, 
-* import the `HttpClientModule` symbol from `@angular/common/http`,
-* add it to the `@NgModule.imports` array.
+* open the root `AppModule` 
+* import the `HttpClientModule` symbol from `@angular/common/http`
+
+<code-example
+  path="toh-pt6/src/app/app.module.ts"
+  region="import-http-client"
+  title="src/app/app.module.ts (Http Client import)">
+</code-example>
+
+* add it to the `@NgModule.imports` array
 
 ## Simulate a data server