在 swiper appendSlide() 中渲染角度組件

Question

我正在嘗試像這樣在 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 中動態附加帶有角度組件的幻燈片，我該怎么辦？

Answer 1

只需刪除<div></div>

添加<app-Hello-Component></app-Hello-Component>而不用<div></div>包圍它