From 3983d04b1cd657e59ba9b4384444ebd06a05308e Mon Sep 17 00:00:00 2001
From: dennisameling <dennis@dennisameling.com>
Date: Wed, 21 Nov 2018 17:07:04 +0100
Subject: [PATCH] docs: fix dynamic-component-loader example for Adblock Plus +
 EasyList (#27212)

Reported issue in #18138 is due to EasyList being selected in ABP. This commit fixes both the image at the bottom of the Dynamic Component Loader example, and the Stackblitz demo.

Fixes #18138

PR Close #27212
---
 .../src/app/ad-banner.component.ts                  |   2 +-
 .../dynamic-component-loader/src/assets/sample.css  |   2 +-
 aio/content/guide/dynamic-component-loader.md       |   2 +-
 .../{ads.gif => ads-example.gif}                    | Bin
 4 files changed, 3 insertions(+), 3 deletions(-)
 rename aio/content/images/guide/dynamic-component-loader/{ads.gif => ads-example.gif} (100%)

diff --git a/aio/content/examples/dynamic-component-loader/src/app/ad-banner.component.ts b/aio/content/examples/dynamic-component-loader/src/app/ad-banner.component.ts
index ec86f69349..0bb04a8590 100644
--- a/aio/content/examples/dynamic-component-loader/src/app/ad-banner.component.ts
+++ b/aio/content/examples/dynamic-component-loader/src/app/ad-banner.component.ts
@@ -9,7 +9,7 @@ import { AdComponent } from './ad.component';
   selector: 'app-ad-banner',
   // #docregion ad-host
   template: `
-              <div class="ad-banner">
+              <div class="ad-banner-example">
                 <h3>Advertisements</h3>
                 <ng-template ad-host></ng-template>
               </div>
diff --git a/aio/content/examples/dynamic-component-loader/src/assets/sample.css b/aio/content/examples/dynamic-component-loader/src/assets/sample.css
index 7a2ca1f2dc..5cec6041fc 100644
--- a/aio/content/examples/dynamic-component-loader/src/assets/sample.css
+++ b/aio/content/examples/dynamic-component-loader/src/assets/sample.css
@@ -18,6 +18,6 @@
   color: black;
 }
 
-.ad-banner {
+.ad-banner-example {
   width: 400px;
 }
\ No newline at end of file
diff --git a/aio/content/guide/dynamic-component-loader.md b/aio/content/guide/dynamic-component-loader.md
index 4e1299512c..4bf3ce522e 100644
--- a/aio/content/guide/dynamic-component-loader.md
+++ b/aio/content/guide/dynamic-component-loader.md
@@ -192,7 +192,7 @@ Here are two sample components and the `AdComponent` interface for reference:
  The final ad banner looks like this:
 
 <figure>
-  <img src="generated/images/guide/dynamic-component-loader/ads.gif" alt="Ads">
+  <img src="generated/images/guide/dynamic-component-loader/ads-example.gif" alt="Ads">
 </figure>
 
 
diff --git a/aio/content/images/guide/dynamic-component-loader/ads.gif b/aio/content/images/guide/dynamic-component-loader/ads-example.gif
similarity index 100%
rename from aio/content/images/guide/dynamic-component-loader/ads.gif
rename to aio/content/images/guide/dynamic-component-loader/ads-example.gif