이온이 2 - 스 와이프 제스처로 이온 슬라이드의 페이지 변경을 방지하는 방법은 무엇입니까?

Question

스택 오버플로를 포함하여 여러 가지 소스에서이 솔루션을 보았습니다. 이것은 부분적으로 나를 위해 일하고있다 : 나는 왼쪽이나 오른쪽으로 페이지를 전환 할 수 없다. 괜찮아 ! 그러나 사용자가 버튼을 클릭하고 버튼을 누른 상태에서 스 와이프하면 페이지 매김이 발생합니다. 내가 여기에 슬쩍 경우 ...

<ion-slides [options]="{onlyExternal: false}"> 
</ion-slides> 

날 스크린 샷이 설명하자

을 :

많은 소스에 따라이 솔루션은 하나의 점이다 (난 그냥 안드로이드를 사용하여 테스트) 아무 일도 일어나지 않을 것입니다.

자, 빨간 버튼을 누르고 있으면 페이징이 발생합니다.

Answer 1

내가이 작업을 수행하는 방법은 다음과 같습니다 내 .TS에

내가 슬라이드를 가지고있는 페이지의 파일 나는이

import { Component, ViewChild } from '@angular/core'; 
import { Slides } from 'ionic-angular'; 

@Component({ 
    selector: 'page', 
    templateUrl: 'page.html' 
}) 
export class Page{ 
    @ViewChild(Slides) slides: Slides; 

    contructor() { 
    this.slides.lockSwipes(true); 
    } 

    nextSlide(){ 
    this.slides.lockSwipes(false); 
    this.slides.slideNext(); 
    this.slides.lockSwipes(true); 
    } 
} 

그리고 당신의 HTML에 당신이 전화 기능을 수행 페이지가 내가 슬쩍 잠금 건설에 beeing 그래서 버튼

<button ion-button block (tap)="nextSlide()">NEXT</button> 

에, 누군가 다음/뒤로를 클릭하면 스 와이프의 잠금을 해제하고 다음 슬라이드로 이동하여 다시 잠급니다.

희망 하시겠습니까?