나는 같은 문제가 있습니다.
참고로 항목 삭제 후 슬라이딩 항목이 작동하지 않습니다. 앱을 다시로드해야합니다.

@ quynh-ng 나도 같은 문제가 있는데, beta.5로 다운 그레이드해야했습니다 :(

웃긴, 그냥 그 문제에 착지했습니다. 슬라이딩 목록의 항목에 대한 작업으로 삭제하면 나머지 항목은 더 이상 슬라이드 할 수 없습니다.

추신 : 베타 .8에서도 마찬가지입니다.

@ quynh-ng 같은 -_-

또한 요소의 동적 목록과 함께 동일한 문제가 발생했습니다.구성 요소를 새로 고치면 새로 고칠 때까지 다른 요소를 삭제할 수 없습니다.

주변을 파헤친 후 요소를 새로 고치지 않아도 잘 작동한다는 것을 알았습니다. 문서를 보면 항목 또는 목록의 모든 슬라이딩 항목을 닫는 방법이 있습니다. 이것을 사용하면 문제가 해결되었습니다.

1. 이온 목록에 ID #dynamicList
2. ID @ViewChild('dynamicList') dynamicList; 해당 목록에 액세스
3. <ion-item-option> 클릭하면 레코드를 삭제하기 전에 dynamicList.closeSlidingItems() 트리거됩니다.

그동안 이것이 도움이되기를 바랍니다. 나는 앵귤러가 처음이므로 어리석은 일을하고 있지 않기를 바랍니다.

모든 영웅이 망토를 착용하는 것은 아닙니다. @jcollings 가 해결책입니다!

html :

 <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 잘 작동하지만 해결책 또는 해결 방법입니까?

@ Anthony2539 아마 둘 다 약간 : stuck_out_tongue_winking_eye :

기능 요청인지 버그인지 모르겠습니다.

최근에 미끄러짐에 대한 커밋이 있었는데 문제가 사라질지도 모르겠네요

어쨌든, 해결 방법이 작동하고 내 앱이 작동하지 않는다고 가정 해 보겠습니다.

e2e 테스트를 다시 통과하기 위해 다운 그레이드해야했기 때문에 버그라고 생각합니다.

이 문제는 분명히 버그입니다. 항목을 제거하면 삭제하기 전에 닫을 필요가 없습니다. 재밌습니다.

또 다른 해결 방법은 ItemSliding에 대한 참조를 delete 메서드에 전달한 다음 목록 항목을 삭제하기 전에 해당 항목을 닫는 것입니다.

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>

TS :

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

@ mimacom-klier 제 문제를 완벽하게 해결 해주셔서 대단히 감사합니다.

나를 위해 작동하지 않습니다!

close 또는 closeSlidingItems 메서드를 호출하거나 호출하지 않고 해결 방법이 작동하지 않습니다.
내가 알아 차린 것은 항목을 숨겼다가 다시 표시 한 후 슬라이딩이 작동하지 않는 것 같지만 항목을 슬라이드 한 다음 버튼이 있어야하는 위치를 클릭하면 실제로 버튼 동작을 트리거 할 수 있다는 것입니다.
다음은 Stackblitz 예제 입니다.
Stackblitz에서는 @ionic/[email protected] 하고 있지만 로컬 컴퓨터의 @ionic/[email protected] 에도 문제가 있습니다.

@bockoblur : Stackblitz 예제를 확인하고 약간 놀았습니다. 목록에서 항목을 실제로 삭제하면 해결 방법이 제대로 작동하는 것 같습니다. 단순히 숨겨졌다가 다시 표시되는 경우에는 설명한대로 동작합니다. 이것은 변환의 문제인 것 같습니다 : 목록 항목 요소에 올바르게 적용되지 않는 번역. ItemSliding 구성 요소는 여전히 이전 DOM 참조를 사용하여 항목을 번역 할 수 있습니다. 수정 된 예는 여기에서 찾을 수 있습니다. https://stackblitz.com/edit/ionic-4-item-sliding-show-hide-error-zxgbmf

조사해 주셔서 감사합니다. 잘 작동합니다.
그럼에도 불구하고 이것은 여전히 ​​ionic 팀에서 해결해야 할 문제입니다 ...

@ mimacom-klier 해결 방법은 최신 Ionic (4.5.0)에서 저에게 효과적입니다.

편집 : @jcollings 솔루션을 사용하면 항목 추가 및 / 또는 업데이트에 추가로 작동하여 동일한 문제가 발생했습니다. 감사합니다!

이 솔루션은 다음을 사용하여 저에게 효과적입니다.
Ionic CLI : 4.5.0
Ionic 프레임 워크 : @ ionic / angular 4.0.0-beta.17

그러나 나는 이것이 여전히 해결되어야 할 문제라고 생각하며, 어떤 개발자도이 동작을 기대할 것 같지 않습니다.

저도 마찬가지입니다. 해결 방법 shmorkaround. 중요한 것은 저를 큰 구멍에서 @jcollings 에게 감사드립니다.

Wauw ..이 문제에 대해 하루 종일 머리를 감싸고있었습니다 (목록 항목을 업데이트 한 후에도 슬라이드가 작동하지 않음). 이제 그 이유를 알아 냈습니다. 해결 방법에 대해 @jcollings 에게

안녕하세요,

아래 문제에 직면 :

발행물:
Ion Item Sliding은 처음에만 작동합니다. 이온 항목을 슬라이드 한 다음 다른 페이지로 이동하여 다시 돌아 오면 응답이 중지됩니다.

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

최신 ionic 버전 4.0.0-rc.0으로 시도했습니다. 문제가 여전히 존재합니다.

안녕하세요,

이 문제를 가지고 놀아 보았는데 제 경우에 Ion Item Slider가 응답하지 않는 원인은 뷰가 변경 될 때마다 슬라이딩 옵션이 닫히지 않는다는 것입니다. 그래서 나는 다음과 같은 일을했고 완벽하게 작동했습니다.

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 좀 볼 수 있습니까? 우리는 v4 로의 마이그레이션 단계에 있으며 이온 팀의 의견을 듣고 싶습니다. 중요한 문제인 것 같습니다.

큰 감사를 드린다.
Norbert

태그 해주셔서 감사합니다! 조사를 위해 프로젝트 보드에 추가했습니다.

트윗 담아 가기

이 문제에 감사드립니다! 이것은 PR # 17492에 의해 병합되었습니다. 다음 릴리스에있을 것입니다 : 4.1.0 . 그 후에도 문제가 계속 발생하면 알려주십시오.

문제를 주셔서 감사합니다! 이 문제는 원래 문제와 관련이없는 댓글을 방지하기 위해 잠겨 있습니다. 최신 버전의 Ionic에서 여전히 문제가 발생하는 경우 새 문제를 생성하고 템플릿이 완전히 채워 졌는지 확인하십시오.