From aea56048f65b9cac2d045d318b57766989950b46 Mon Sep 17 00:00:00 2001
From: David Shevitz <dshevitz@google.com>
Date: Fri, 28 May 2021 00:08:55 +0000
Subject: [PATCH] docs: update host and viewproviders section with correct
 logical tree representation (#42403)

Fixes #38741

PR Close #42403
---
 aio/content/guide/hierarchical-dependency-injection.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/aio/content/guide/hierarchical-dependency-injection.md b/aio/content/guide/hierarchical-dependency-injection.md
index 38babf58ca..afd470b648 100644
--- a/aio/content/guide/hierarchical-dependency-injection.md
+++ b/aio/content/guide/hierarchical-dependency-injection.md
@@ -1019,10 +1019,10 @@ The logical tree representation shows why this is:
 <app-root @NgModule(AppModule)
         @Inject(AnimalService=>"🐳")>
   <#VIEW @Provide(AnimalService="🦔")
-         @Inject(AnimalService, @SkipSelf, @Host, @Optional)=>"🦔">
+         @Inject(AnimalService, @Optional)=>"🦔">
     <!-- ^^@SkipSelf() starts here,  @Host() stops here^^ -->
     <app-child>
-      <#VIEW @Provide(AnimalService="🐶")
+      <#VIEW @Provide(AnimalService="🦔")
              @Inject(AnimalService, @SkipSelf, @Host, @Optional)=>"🐶">
                <!-- Add @SkipSelf ^^-->
       </#VIEW>