From a25842009e5e6bf3581b272e62112d88d1652ea0 Mon Sep 17 00:00:00 2001
From: Patrice Chalin <chalin@users.noreply.github.com>
Date: Fri, 20 Jan 2017 08:40:00 -0800
Subject: [PATCH] docs(toh6): fix if-docs (#3116)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fix: we can’t have a markdown `<span>` ranging over multiple
paragraphs; instead we use the `+ifDocsFor()` mixin.
---
 public/docs/ts/latest/tutorial/toh-pt6.jade | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/public/docs/ts/latest/tutorial/toh-pt6.jade b/public/docs/ts/latest/tutorial/toh-pt6.jade
index 2dd073e1ba..b9494bbcdf 100644
--- a/public/docs/ts/latest/tutorial/toh-pt6.jade
+++ b/public/docs/ts/latest/tutorial/toh-pt6.jade
@@ -401,6 +401,7 @@ block observables-section-intro
   It's easy with *!{_Observable}s* as we'll see.
 
   ### Search-by-name
+
   We're going to add a *hero search* feature to the Tour of Heroes.
   As the user types a name into a search box, we'll make repeated HTTP requests for heroes filtered by that name.
 
@@ -412,15 +413,17 @@ block observables-section-intro
   The `!{_priv}http.get()` call in `HeroSearchService` is similar to the one
   in the `HeroService`, although the URL now has a query string.
 
-  <span if-docs="ts">A more important difference: we no longer call `toPromise`.
-  Instead we return the *observable* from the the `htttp.get`, 
-  after chaining it to another RxJS operator, <code>map</code>, 
-  to extract heroes from the response data.
++ifDocsFor('ts')
+  :marked
+    A more important difference: we no longer call `toPromise`.
+    Instead we return the *observable* from the the `htttp.get`, 
+    after chaining it to another RxJS operator, <code>map</code>, 
+    to extract heroes from the response data.
 
-  RxJS operator chaining makes response processing easy and readable.
-  See the [discuss below about operators](#rxjs-imports).
-  </span>
+    RxJS operator chaining makes response processing easy and readable.
+    See the [discuss below about operators](#rxjs-imports).
 
+:marked
   ### HeroSearchComponent
 
   Let's create a new `HeroSearchComponent` that calls this new `HeroSearchService`.
@@ -513,6 +516,7 @@ block observable-transformers
   a#rxjs-imports
   :marked
     ### Import RxJS operators
+
     Most RxJS operators are not included in Angular's base `Observable` implementation.
     The base implementation includes only what Angular itself requires.