Ngx-drag-scroll: 클릭 전파

2.0.0-beta.3에서 재생산할 수 없습니다. 재현 단계를 알려주실 수 있나요?

안녕! 대답 해줘서 고마워요. "div" 요소를 스크롤하려고 하는데 이것이 올바른 방법이 아닐 수도 있습니다.
코드는 다음과 같습니다.

<drag-scroll class="drag-scroll center" #dragScroll scrollbar-hidden='true' drag-scroll-y-disabled='true' snap-disabled='true'>
        <div drag-scroll-item *ngFor="let ah of article_list">
          <col-article [article]="ah"></col-article >
        </div>
 </drag-scroll>

이미지를 클릭하고 드래그하기만 하면 되지만 이미지를 놓으면 이미지 링크로 리디렉션됩니다. "dragend" 이벤트를 추가할 수 있는 또 다른 가능성이 있습니까?

간단한 이미지와 "divs" 요소에서 스크롤하는 데 차이가 있습니까? 나머지 모듈은 제대로 작동하고 있으며 정말 잘하고 있습니다.

데모에서 문제를 재현하려고 시도했는데 드래그 항목이 링크일 때 발생합니다. 예를 들어 데모에서 이미지를 변경하는 경우

<img _ngcontent-c6="" src="assets/img/c3po.png">

에게

<a href="http://anyurl.com"><img _ngcontent-c6="" src="assets/img/c3po.png"></a>

내 프로젝트와 동일한 동작을 합니다.

도움이 되었기를 바랍니다.

이 문제를 피하기 위해 코드에서 약간의 처리를 구현했습니다.
HTML:
`

               <div   dragScroll   (reachesLeftBound)="leftBoundStat($event)" (reachesRightBound)="rightBoundStat($event)" #nav > 

                    <div class=" slide-mes"   *ngFor="let item of items " (click)="doAny(item)" >

                    </div>

                </div>

`

타이프스크립트:

`

@ViewChild('nav', {read: DragScrollDirective}) ds: DragScrollDirective;
clickEnable = true;
constructor( ) {
}
@HostListener('mousedown', ['$event'])
onMousedown(event) {

    this.clickEnable = true

}
leftBoundStat(reachesLeftBound: boolean) {
    this.leftNavDisabled = reachesLeftBound;
    this.clickEnable = false;
}

rightBoundStat(reachesRightBound: boolean) {
    this.rightNavDisabled = reachesRightBound;
    this.clickEnable = false;
}
doAny(item){
    if(this.clickEnable){
        //do what you whant on click here
    }
}

`

안녕하세요 길에르메입니다! 답변 감사합니다! 한계에 도달하지 못했을 때 작동합니까? 내 구현에서 스크롤할 iitems가 많고 예를 들어 경계가 아닌 중간에서 클릭을 놓으면 어쨌든 전파되고 경계 이벤트는 그 중 하나에 도달할 때만 생성되기 때문입니다( 왼쪽 또는 오른쪽).

bounds 이벤트는 div를 스크롤할 때 생성되며 여기에 console.log를 넣어 확인합니다.

감사합니다! 효과가 있었다! 그러나 마우스 이벤트도 수신하도록 모든 자식 구성 요소를 조정해야 했습니다. 그래서 모듈 자체에서 해당 기능을 요청했습니다.

안녕하세요 @leogilardi6님 , 답변이 늦어 죄송합니다. 나는 일에 휩싸였다.

https://github.com/bfwg/ngx-drag-scroll/blob/develop/demo/app/home/home.component.html#L4 -L12를 변경하여 시도했습니다.

    <drag-scroll class="demo-one"
      drag-scroll-y-disabled="true"
      scrollbar-hidden="true"
      (reachesLeftBound)="leftBoundStat($event)"
      (reachesRightBound)="rightBoundStat($event)"
      #nav
      >
      <a drag-scroll-item *ngFor="let image of imagelist" href="https://www.google.com"><img [src]="'assets/img/' + image" (click)="clickItem(image)"/></a>
    </drag-scroll>

하지만 버전 2.0.0-beta.3에서는 재현할 수 없었 습니다.

최신 버전으로 플레이해 보셨나요?