OwlCarousel2跳转到任何其他滑块

Question

我使用的是OwlCarousel2并且在一个页面上有多个滑块。我的要求是，当我点击“下一步”或“上一页”图标时，我必须跳转到滑块，例如从第二个滑块到第六个滑块或第六个滑块到第四个滑块。

我使用角度js一页结构，我的页面网址就像。 http://192.168.0.88:8000/consumer/#!/create/project/test/

我的代码snnipets：

HTML

   <div class="owl-carousel">
    <div class="item" slidename="dog">
      <h4>1 dog</h4>
    </div>
    <div class="item" slidename="cat">
      <h4>2 cat</h4>
    </div>
    <div class="item" slidename="fish">
      <h4>3 fish</h4>
    </div>
    <div class="item" slidename="lion">
      <h4>4 lion</h4>
    </div>
  </div>

JS

$(document).ready(function(){
var owl = $('.owl-carousel');
owl.owlCarousel({
    loop:true,
    dots:false,
    autoplay:false,
    margin:0,
    nav:true,
    URLhashListener:false,
    autoplayHoverPause:true,
    startPosition: 'URLHash',    
    responsive:{
      0:{
        items:1
      },
      600:{
        items:1
      },
      1000:{
        items:1
      },
    }
  })
  // Listen to owl events:
  owl.on('changed.owl.carousel', function(event) {
    location.hash = 'slide' + 2;
    location.hash = 'monkey';
  })
})

Angular中的OwlCarousel2

我使用的表单包含多张幻灯片，每张幻灯片都有不同的input fields and radios等。

我要求点击Next ot Prev按钮时我必须验证当前幻灯片输入字段，如果字段为空或验证不是数学don't slide到下一个并停在同一幻灯片并显示正确的验证给用户。

幻灯片1：

幻灯片2：

幻灯片3：

如果首先验证幻灯片，则移至第二张幻灯片，依此类推。 任何人请帮助我。

请任何人帮助如何完全控制幻灯片。