title: Swiper is ignoring ng-content
body: <p>I'm trying to migrate from <code>ngx-swiper-wrapper</code> to <code>swiper</code> in Angular 10. My approach is to have as modular solution as possible. Because of that I want to have a swiper-wrapper.component and swiper-slide.component.</p>
  <p>Thanks to that I can pass different components into swiper and in case I need to modify how swiper-slide behave in the future I only need to do this in 1 place.</p>
  <p>This approach worked pretty well in <code>ngx-swiper-wrapper</code> however <code>swiper</code> is ignoring <code>ng-content</code> and I can render anything :-(</p>
  <p>Here is a <a href="https://stackblitz.com/edit/swiper-angular-virtual-tkmhct?file=src/app/s-carousel/s-carousel.component.html" rel="nofollow noreferrer">stackblitz</a> to my current solution.</p>
  <p><em>Root.component.html</em></p>
  <pre><code> &lt;app-swiper-carousel [options]=&quot;virtualConfig&quot;&gt;
     &lt;ng-container *ngFor=&quot;let slide of allSlides&quot;&gt;
        &lt;app-swiper-slide&gt;
          &lt;!-- I can render any component here --&gt;
          &lt;div&gt;
            {{ slide.firstName + '&amp;nbsp;' + slide.lastName }}
          &lt;/div&gt;
        &lt;/app-swiper-slide&gt;
      &lt;/ng-container&gt;
    &lt;/app-swiper-carousel&gt;
  </code></pre>
  <p><em>swiper-carousel.ts</em></p>
  <pre><code>&lt;swiper #swip [config]=&quot;virtualConfig&quot; [virtual]=&quot;true&quot;&gt;
    &lt;!-- This doesnt' work :-(  --&gt;
    &lt;ng-content&gt;&lt;/ng-content&gt;
  
    &lt;!-- Uncomment this to make it work --&gt;
    &lt;!-- &lt;ng-container *ngFor=&quot;let slide of virtualSlides.slides&quot;&gt;
      &lt;ng-template swiperSlide&gt;
        &lt;div&gt;
          {{ slide.firstName + '&amp;nbsp;' + slide.lastName }}
        &lt;/div&gt;
      &lt;/ng-template&gt;
    &lt;/ng-container&gt; --&gt;
  &lt;/swiper&gt;
  </code></pre>
  <p>*swiper-slide.component</p>
  <pre><code>&lt;ng-template swiperSlide&gt;
    &lt;ng-content&gt;&lt;/ng-content&gt;
  &lt;/ng-template&gt;
  </code></pre>
  <p>Any idea if I'm doing something wrong or there is a bug in swiper?
  Does anyone have any idea how I can achieve my goal?</p>