मुझे वही मुद्दा मिला।
वैसे, स्लाइडिंग आइटम एक हटाने के बाद काम नहीं कर रहे हैं, ऐप को फिर से लोड करने की आवश्यकता है

@ quynh- एनजी मेरे पास एक ही मुद्दा है, मुझे बीटा को डाउनग्रेड करना पड़ा है। :(

मजेदार, बस उस समस्या पर भी उतरा, पुष्टि कर सकता है, अगर मैं स्लाइडिंग सूची के आइटम पर एक कार्रवाई के साथ हटाता हूं, तो शेष आइटम अब भी नहीं मारे जा सकते हैं

ps: Beta.8 में यह भी मामला है

@ quynh-ng समान -_-

तत्वों की एक गतिशील सूची के साथ एक आइटम को हटाने के साथ भी एक ही मुद्दा थाघटक, फिर तत्वों को ताज़ा करने के कारण यह ताज़ा होने तक किसी भी अन्य तत्वों को हटाने में सक्षम नहीं होता है।

चारों ओर खुदाई के बाद मैंने देखा कि तत्वों के ताज़ा के बिना यह ठीक काम करता है, डॉक्स को देखते हुए आइटम पर या सूची पर सभी स्लाइडिंग आइटम को बंद करने की एक विधि है। इस मुद्दे का उपयोग कर तय की।

1. आयन-सूची एक आईडी #dynamicList
2. उस सूची को आईडी @ViewChild('dynamicList') dynamicList; तक एक्सेस करना
3. के क्लिक करने पर <ion-item-option> ट्रिगर dynamicList.closeSlidingItems() रिकॉर्ड को हटाने से पहले।

उम्मीद है कि इस बीच में मदद मिलती है, मैं कोणीय के लिए नया हूँ इसलिए उम्मीद है कि मैं कुछ भी बेवकूफ नहीं कर रहा हूं।

नहीं सभी नायकों टोपी पहनते हैं, समाधान के लिए thx @jcollings !

एचटीएमएल:

 <ion-list #slidingList>
   <ion-item-sliding>
     <ion-item-options side="end">
        <ion-item-option (click)="delete()">
        </ion-item-option>
     </ion-item-options>
   </ion-item-sliding>
 </ion-list>

ts:

 import {List} from '@ionic/angular';

 @ViewChild('slidingList') slidingList: List;

 async delete() {
   // something
   await this.slidingList.closeSlidingItems();
 }

@peterpeterparker यह ठीक काम करता है लेकिन क्या यह एक समाधान या एक समाधान है?

@ एंथनी 2539 शायद दोनों का एक सा है: अटक_आउट_टॉन्ग_विंकिंग_ये:

मुझे नहीं पता कि यह एक सुविधा अनुरोध या बग है

स्लाइडिंग के बारे में कुछ प्रतिबद्धताएं हाल ही में मेरे विचार से बनाई गई हैं, इसलिए शायद समस्या है / गायब हो जाएगी

किसी भी तरह, चलो कहते हैं कि वर्कअराउंड काम करता है और मेरे ऐप को अनुमान नहीं लगाएगा

मैं कहूंगा कि यह एक बग है क्योंकि मुझे अपने e2e परीक्षणों को फिर से पास करने के लिए डाउनग्रेड करना पड़ा

यह मुद्दा स्पष्ट रूप से एक बग है। किसी आइटम को हटाने से पहले उसे बंद करने की आवश्यकता नहीं होनी चाहिए, यह मज़ेदार है।

मैंने पाया कि एक और समाधान आइटम हटाने के लिए ItemSliding के संदर्भ को पास करना है और फिर सूची आइटम को हटाने से पहले उस एक आइटम को बंद करना है:

HTML:

<ion-list>
  <ion-item-sliding *ngFor="let item of items" #slidingItem>
    <ion-item>>
      {{item.text}}
    </ion-item>
    <ion-item-options (ionSwipe)="deleteItem(slidingItem, item)">
      <ion-button color="danger" (click)="deleteItem(slidingItem, item)">
        <ion-icon name="trash"></ion-icon>
        Delete
      </ion-button>
    </ion-item-options>
  </ion-item-sliding>
</ion-list>

टीएस:

async deleteItem(slidingItem: ItemSliding, item: Item) {
    slidingItem.close(); // <-- this is the important bit!
    await this.itemService.deleteItem(item);
  }

@ mimacom-klier मेरी समस्या को पूरी तरह से हल करने के लिए आपका बहुत-बहुत धन्यवाद।

मेरे लिए काम नहीं !!!

वर्कअराउंड मेरे लिए close या closeSlidingItems विधियों के साथ या बिना काम नहीं करता है।
मैंने जो देखा है वह यह है: मैं छुपाने और फिर आइटम दिखाने के बाद, फिसलने से काम करने के लिए _seem_ नहीं करता, लेकिन यदि आप किसी आइटम को स्लाइड करने का प्रयास करते हैं और फिर बटन _should_ पर क्लिक करें, तो आप वास्तव में बटन कार्रवाई को ट्रिगर कर सकते हैं।
यहाँ एक Stackblitz उदाहरण है ।
Stackblitz पर, मैं @ionic/[email protected] का उपयोग कर रहा हूं, लेकिन समस्या मेरी स्थानीय मशीन पर @ionic/[email protected] साथ भी है।

@bockoblur : मैंने आपके स्टैकब्लिट्ज़ उदाहरण की जाँच की और इसके साथ थोड़ा सा खेला। यदि आप वास्तव में सूची से आइटम हटाते हैं, तो वर्कअराउंड ठीक काम करने लगता है। यदि वे केवल छिपे हुए हैं और फिर से दिखाए गए हैं, तो व्यवहार बिल्कुल वैसा ही है जैसा आपने वर्णित किया है। यह परिवर्तन के साथ एक मुद्दा लगता है: सूची आइटम तत्व पर सही ढंग से लागू नहीं किया जा रहा है। हो सकता है कि आइटम का अनुवाद करने के लिए ItemSliding घटक अभी भी पुराने DOM संदर्भ का उपयोग करता है। आप यहाँ मेरा संशोधित उदाहरण पा सकते हैं: https://stackblitz.com/edit/ionic-4-item-sliding-show-hide-error-zxgbmf

इस मामले की तलाश के लिए धन्यवाद। यह ठीक काम करता है।
फिर भी, यह अभी भी एक मुद्दा है जिसे आयनिक टीम द्वारा संबोधित करने की आवश्यकता है ...

@ mimacom-klier वर्कअराउंड मेरे लिए नवीनतम Ionic (4.5.0) पर काम करता है।

संपादित करें: @jcollings समाधान का उपयोग अतिरिक्त रूप से किसी आइटम को जोड़ने और / या अपडेट करने के लिए काम करता है, जो मेरे लिए समान समस्या का कारण बना। धन्यवाद!

यह समाधान मेरे लिए काम करता है:
आयनिक सीएलआई: 4.5.0
आयनिक रूपरेखा: @ आयनिक / कोणीय 4.0.0-beta.17

हालांकि, मेरा मानना ​​है कि यह अभी भी एक मुद्दा है जिसे तय किया जाना चाहिए, मुझे संदेह है कि कोई भी डेवलपर इस व्यवहार की उम्मीद करेगा।

मेरे लिए भी वैसा ही। काम के आसपास shmorkaround। मुख्य बात यह है कि यह मुझे एक बड़े छेद से बाहर निकालता है और मैं इसके लिए @jcollings का आभारी हूं

वाउव .. इस बारे में पूरे दिन मेरे सिर को लपेट रहा था (सूची आइटम को अपडेट करने के बाद भी स्लाइड काम नहीं कर रहा था)। अब पता चला क्यों। वर्कअराउंड के लिए

नमस्ते,

नीचे दिए गए मुद्दे का सामना:

मुद्दा:
आयन आइटम स्लाइडिंग केवल पहली बार काम करता है। जब मैं आयन-आइटम को स्लाइड करता हूं तो यह प्रतिक्रिया करना बंद कर देता है, फिर किसी अन्य पृष्ठ पर जाएं और वापस आएं।

@Jcollings द्वारा सुझाए गए चारों ओर काम करने की कोशिश की। दृश्य को छोड़ते हुए सभी आयन आइटम स्लाइडिंग को बंद करने की कोशिश की:

ionViewWillLeave() {
    setTimeout(async() => {
      console.log('sliding list: ', this.slidingList);
      if(this.slidingList){
        await this.slidingList.closeSlidingItems();
      }
    },1000);
  }

लेकिन काम नहीं किया।

मेरा स्लाइडर कोड इस प्रकार है:

<ion-list #slidingList class="notifications" *ngIf="notificationCheck === 'true'">
    <ion-item-sliding *ngFor="let notification of notifications; index as i;">
      <ion-item lines="none" no-padding>
        <ion-row>
          <ion-col size="12" class="title">
            {{notification.title}}
          </ion-col>
          <ion-col size="12" class="description">
            {{notification.message}}
          </ion-col>
          <ion-col size="12" class="date-time">
            {{notification.createdDate | date:'medium'}}
          </ion-col>
          <i class="left-arrow"></i>
        </ion-row>
      </ion-item>
      <ion-item-options side="end">
        <ion-item-option color="secondary" (click)="goToURL(notification.actionURL)">
          <div slot="icon-only">
            <i class="fa fa-edit" *ngIf="notification.actionType === 'UPDATE'"></i>
            <i class="fa fa-eye" *ngIf="notification.actionType === 'VIEW'"></i>
          </div>
        </ion-item-option>
        <ion-item-option color="danger" (click)="deleteNotifications(notification.id)">
          <div slot="icon-only">
            <i class="fa fa-trash"></i>
          </div>
        </ion-item-option>
      </ion-item-options>
    </ion-item-sliding>
  </ion-list>

नवीनतम आयनिक संस्करण 4.0.0-rc.0 के साथ प्रयास किया है। मुद्दा अभी भी मौजूद है।

नमस्ते,

इस मुद्दे के साथ खेलने की कोशिश की और पाया कि मेरे मामले में आयन आइटम स्लाइडर के लिए अपराधी अनुत्तरदायी हो गया था कि जब भी दृश्य बदल रहा था स्लाइडिंग विकल्प बंद नहीं हो रहे थे। इसलिए मैंने निम्नलिखित कार्य किया और इसने पूरी तरह से काम किया:

constructor(private location: Location,  private router: Router) {

    this.navigationSubscription = this.router.events.subscribe(async(e: any) => {
      if (e instanceof NavigationStart) {
        if(this.slidingList){
          await this.slidingList.closeSlidingItems();
        }
      }
    });

  }

@Jcollings को बहुत धन्यवाद।

मैंने यह नहीं किया है:
.html

<ion-item-sliding #slidingItem>
<ion-item-option color="danger" (click)="del(slidingItem,carte)">Supprimer</ion-item-option>
in .ts
import {  IonItemSliding } from '@ionic/angular';

async del(slidingItem: IonItemSliding, carte){
    await slidingItem.close();
    let index = this.cartes.indexOf(carte);
        if(index > -1){
            this.cartes.splice(index, 1);
        }
}

अच्छी तरह से काम
@Jcollings को बहुत धन्यवाद।

पुष्टि कर सकते हैं कि समस्या अभी भी 4.0.0-rc.0 के साथ मौजूद है।

पुष्टि कर सकते हैं यह 4.0.0-rc.1 में भी मौजूद है

यह बग अभी भी 4.0.0-rc.2 में मौजूद है।
मैं वर्चुअल-स्क्रॉल के अंदर आयन-आइटम-स्लाइडिंग का उपयोग करता हूं, इसलिए मैं List.closeSlidingItems () का उपयोग नहीं कर सकता।
यदि मैं किसी आइटम के स्लाइडिंग को बंद नहीं करता हूं और बैक बटन या कुछ का उपयोग करके दृश्य छोड़ता हूं, तो आइटम स्लाइडिंग अगली बार बिल्कुल काम करना बंद कर देता है। मैं इस मामले में ईवेंट (क्लिक) का उपयोग नहीं कर सकता क्योंकि मैं स्लाइडिंग खोलता हूं और बस छोड़ देता हूं। ईवेंट (क्लिक) को पकड़ने के लिए कोई बदलाव नहीं हुआ है।

एक और काम। इससे मेरा काम बनता है।

in .html
<ion-item-sliding>....</ion-item-sliding>

in .ts
import {  IonItemSliding } from '@ionic/angular';
  @ViewChild(IonItemSliding) itemSliding: IonItemSliding;
   ionViewWillLeave() {
        setTimeout(() => { this.itemSliding.closeOpened(); }, 500);
   }

प्रिय ब्रांडी,

@brandyscarney क्या आप

बहुत धन्यवाद।
नॉर्बर्ट

मुझे टैग करने के लिए धन्यवाद! मैंने इसे देखने के लिए हमारे प्रोजेक्ट बोर्ड में जोड़ा।

@manucorporat @mhartington @paulstelzer

इस मुद्दे के लिए धन्यवाद! यह PR # 17492 द्वारा मर्ज किया गया है। यह अगली रिलीज में होगा: 4.1.0 । कृपया हमें बताएं कि क्या आप उसके बाद भी समस्याएं देख रहे हैं।

मुद्दे के लिए धन्यवाद! यह मुद्दा उन टिप्पणियों को रोकने के लिए बंद किया जा रहा है जो मूल मुद्दे से प्रासंगिक नहीं हैं। यदि यह अभी भी आयोनिक के नवीनतम संस्करण के साथ एक समस्या है, तो कृपया एक नया मुद्दा बनाएं और सुनिश्चित करें कि टेम्पलेट पूरी तरह से भरा हुआ है।