Перейти к последнему добавленному изображению angular-bootstrap ngCarousel - PullRequest
Новая
       35

Перейти к последнему добавленному изображению angular-bootstrap ngCarousel

0 голосов
/ 09 сентября 2018

Я использую angular6 вместе с ngbCarousel

Я нажимаю кнопку, чтобы динамически добавить новое изображение в карусель, и после этого я хочу, чтобы карусель фактически переходила к последнему изображению.

Это мой код для добавления нового изображения 

  addpic(){
      //images is an array of json objs
      this.images.push({'link':'https://picsum.photos/900/500/?image=7','name':'added one'});   
      let slide = 'ngb-slide-'+String(this.images.length);        
      this.carousel.select(slide);              
  }

slideId следует шаблону ngb-slide-0, поэтому, чтобы перейти к последнему слайду, я создаю slideId и использую select для перехода туда.

Но это не работает, даже если новое изображение фактически добавлено и this.carousel.select(); будет работать для других существующих изображений, например this.carousel.select('ngb-slide-1');

Я пробовал глупое решение, подобное 

  addpic(){
      //images is an array of json objs
      this.images.push({'link':'https://picsum.photos/900/500/?image=7','name':'added one'});         
      this.carousel.select('ngb-slide-0');              
      this.carousel.prev();
  }

но оно идет к изображению, которое последним перед добавлением, а затем к предыдущему из этого.

Как перейти к добавленному последнему изображению?

Спасибо

...