Ngx-drag-scroll: प्रचार पर क्लिक करें

मैं 2.0.0-बीटा.3 में पुन: पेश करने में सक्षम नहीं हूं। क्या आप मुझे रेप्रो स्टेप्स दे सकते हैं?

नमस्ते! उत्तर के लिए धन्यवाद। मैं "divs" तत्वों के माध्यम से स्क्रॉल करने का प्रयास कर रहा हूं, शायद यह सही तरीका नहीं है।
यहाँ कोड है:

<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>

मैं केवल एक छवि पर क्लिक करता हूं, उसे खींचता हूं, लेकिन जब मैं इसे छोड़ता हूं, तो यह मुझे छवि लिंक पर पुनर्निर्देशित करता है। क्या "ड्रैजेंड" ईवेंट जोड़ने की कोई और संभावना है?

क्या साधारण छवियों और "divs" तत्वों पर स्क्रॉल करने के बीच कोई अंतर है? बाकी मॉड्यूल ठीक से काम कर रहा है और यह वास्तव में अच्छा काम है।

मैं एक डेमो पर इस मुद्दे को पुन: पेश करने की कोशिश कर रहा हूं, और यह तब होता है जब ड्रैगिंग आइटम एक लिंक होता है। डेमो में, उदाहरण के लिए, यदि आप से कोई छवि बदलते हैं

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

प्रति

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

मेरे प्रोजेक्ट पर जैसा ही व्यवहार है।

मुझे आशा है कि यह मदद करता है, सादर!

मैंने इस मुद्दे से बचने के लिए अपने कोड में थोड़ा सा इलाज लागू किया।
एचटीएमएल:
`

               <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 हैं और यह वैसे भी फैलता है जब मैं इसके बीच में क्लिक जारी करता हूं उदाहरण के लिए और विशेष रूप से सीमाओं में नहीं और सीमा घटनाएं केवल तभी उत्पन्न होती हैं जब आप उनमें से एक तक पहुंचते हैं (बाएं या सुधारना)।

जब आप डिव को स्क्रॉल करते हैं तो बाउंड इवेंट उत्पन्न होते हैं, इसे देखने के लिए एक कंसोल.लॉग डालें।

आपको धन्यवाद! इसने काम कर दिया! लेकिन मुझे माउस की घटनाओं को सुनने के लिए सभी चाइल्ड कंपोनेंट्स को भी अनुकूलित करना पड़ा .. इसलिए मैंने मॉड्यूल में ही उस फीचर के लिए कहा।

हाय @ लियोगिलार्डी 6 , देर से उत्तर के लिए खेद है। मैं काम से भरा हुआ था।

मैंने 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-बीटा.3 में पुन: पेश करने में सक्षम नहीं था

क्या आपने नवीनतम संस्करण के साथ खेलने की कोशिश की है?