Javascript 幻灯片不'；如果幻灯片被包装在自定义组件中，则无法工作

我想将幻灯片组件封装在自己的组件中，以实现ATOM方法。但是由于

离子载玻片

不再是

离子载玻片

的直接子代，因此它不会检测到多个载玻片

这是我的

应用程序幻灯片

组件：

<ion-slide>
  <ng-content></ng-content>
</ion-slide>

然后我这样称呼它：

<ion-slides>
  <app-slide>Test</app-slide>
  <app-slide>Test 2</app-slide>
  <app-slide>Test 3</app-slide>
</ion-slides>

有没有办法忽略父母？或者我怎样才能使这项工作正常进行？
您只需要对您的结构进行一些更改。请尝试以下代码

这是工作代码


测验
测试2
测试3

您的组件文件应该如下所示

<ng-content></ng-content>



请让我知道这是否有帮助。
我能够使用类
swiper幻灯片解决此问题，正如它最初在
swiperjs中所做的那样

<ion-slides>
  <app-slide class="swiper-slide">Test</app-slide>
  <app-slide class="swiper-slide">Test 2</app-slide>
  <app-slide class="swiper-slide">Test 3</app-slide>
</ion-slides>

工作示例：
这意味着每当我想使用
应用程序幻灯片时，我都必须使用
离子幻灯片。这不是我要找的。我想用它代替离子幻灯片。在这种情况下，我宁愿使用
ion-slide
，而不是我自己的组件。
<ion-slides>
  <app-slide class="swiper-slide">Test</app-slide>
  <app-slide class="swiper-slide">Test 2</app-slide>
  <app-slide class="swiper-slide">Test 3</app-slide>
</ion-slides>

@HostBinding('class.swiper-slide') swiperSlide: boolean = true;