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
This commit is contained in:
dennisameling 2018-11-21 17:07:04 +01:00 committed by Igor Minar
parent 236ac060b0
commit 184d63d91d
4 changed files with 3 additions and 3 deletions

View File

@ -9,7 +9,7 @@ import { AdComponent } from './ad.component';
selector: 'app-ad-banner', selector: 'app-ad-banner',
// #docregion ad-host // #docregion ad-host
template: ` template: `
<div class="ad-banner"> <div class="ad-banner-example">
<h3>Advertisements</h3> <h3>Advertisements</h3>
<ng-template ad-host></ng-template> <ng-template ad-host></ng-template>
</div> </div>

View File

@ -18,6 +18,6 @@
color: black; color: black;
} }
.ad-banner { .ad-banner-example {
width: 400px; width: 400px;
} }

View File

@ -192,7 +192,7 @@ Here are two sample components and the `AdComponent` interface for reference:
The final ad banner looks like this: The final ad banner looks like this:
<figure> <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> </figure>

View File

Before

Width:  |  Height:  |  Size: 851 KiB

After

Width:  |  Height:  |  Size: 851 KiB