在 swiper appendSlide() 中渲染角度组件答案

【问题标题】：render angular component inside swiper appendSlide()在 swiper appendSlide() 中渲染角度组件
【发布时间】：2020-09-14 11:35:30
【问题描述】：

我正在尝试像这样在 swiper.appendSlide 中加载我的角度组件

var swiper = new Swiper('.swiper-container', {
      pagination: {
        el: '.swiper-pagination',
        type: 'fraction',
      },
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
    });
    swiper.appendSlide('<div class="swiper-slide">Slide 1</div>')
    swiper.appendSlide('<div class="swiper-slide"><app-Hello-Component></app-Hello-Component></div>')

它向我展示了两张幻灯片，但第二张幻灯片是空的，并且不呈现我的组件 app-Hello-Component。如果我想在 swiper-slide 中动态添加带有角度组件的幻灯片，我该怎么办？

【问题讨论】：

@ADDEL，这个问题你还好吗？
@ADDEL，你找到解决办法了吗？

标签： angular typescript swiper

【解决方案1】：

只需删除<div></div>

添加<app-Hello-Component></app-Hello-Component>，不被<div></div>包围

【讨论】：