Angular 6 с динамическим содержимым Swiper - PullRequest
Новая
       6

Angular 6 с динамическим содержимым Swiper

0 голосов
/ 21 ноября 2018

Angular 6 с динамическим содержимым Swiper.Я хотел, чтобы динамически упорядочить слайдеры на основе предпочтений пользователя 

<div class="swiper-container">
  <div class="swiper-wrapper">
    <div class="swiper-slide">
      <NG6componet1 ></NG6componet1>
    </div>
    <div class="swiper-slide">
      <NG6componet2 ></NG6componet2>
    </div>
    <div class="swiper-slide">
      <NG6componet3 ></NG6componet3>
    </div>
  </div>
  <div class="swiper-button-next"></div>
  <div class="swiper-button-prev"></div>
</div>

, если пользователи выполняют предварительную настройку NG6componet2, NG6componet1, NG6componet3, я хотел создать слайды соответственно, я сделал это с помощью AngularJS, как показано ниже, 

<div class="swiper-container">
    <div class='swiper-wrapper'>
        <div ng-repeat="selectedview in Ctrlr.View">
            <div ui-view='{{selectedview}}' ></div>
        </div>
    </div>
    <div class='swiper-button-prev'></div>
    <div class='swiper-button-next'></div>

Я также пытался создать слайд, используя ниже 

this.swiper.appendSlide('<div class="swiper-slide"><NG6componet1></NG6componet1></div>');
this.swiper.update(true);

, но при добавлении div он не загружал компонент 

<div class="swiper-slide" style="width: 431.25px; margin-right: 20px;">
  <NG6componet1></NG6componet1>
</div>

, ищущий справку для рабочего решения.

...