İyonik 2 itme() yönü: 'arka' seçeneği düzgün

Question

çalışmıyor ben seçeneklerin listesini içeren bir ürün sayfası vardır.

Bu tıklandığında, listelenen seçeneklerin bulunduğu yeni bir sayfa açılır.

'Siyah' gibi bir seçeneği tıklattığımda, sayfanın sayfaya geri dönmesini, ancak sayfayı yeni seçenekle güncellemesini istiyorum. Bu işe yaramış gibi görünüyor, ancak sayfada herhangi bir şey kaydırılamıyor veya seçemiyorum.

Ben çalıştığımda

Ve (Ben bir şey ya da kaydırma seçemezsiniz yüzden ürün varyasyon sayfası yeni ürün sayfa üzerinde gösteriliyor nedense, için) Ürün listeleme sayfasına tekrar geri dönüyorum, bu karışıklığı hissediyorum.

Görünüm

<ion-item *ngFor="#option of productData"> 
    <ion-label>{{option.val}}</ion-label> 
    <ion-radio (click)="goToProduct($event, option.catalogId)" [checked]="option.val == selected"></ion-radio> 
</ion-item> 

Fonksiyon

goToProduct(event, catalogId) { 
    this.nav.push(ProductPage, { 
    catalogId: catalogId 
    },{ 
    direction: 'back' 
    }); 
} 

Ben eski ürün sayfasını kaldırmak için gerekli olduğunu düşündüm, bu yüzden yapıyordu: Tüm

goToProduct(event, catalogId) { 
    this.nav.remove(1); 
    this.nav.push(ProductPage, { 
    catalogId: catalogId 
    },{ 
    direction: 'back' 
    }); 
} 

Ve bunun gibi çeşitleri ama hiçbir şey işe yaramadı.

İyonik 2'nin hala beta olduğunu biliyorum, bu bilinen bir sorun mu? Yoksa bir şey mi özlüyorum? Uygulamamı bozmadan bir seçeneği nasıl seçebilirim ve güncellenmiş sayfa yönünü geriye doğru gidebilirim?

Answer 1

push() yerine insert() kullanırsam, güncelleştirilmiş ürüne istediğiniz gibi geri gider ve eski ürün sayfasını tamamen kaldırır. Bu davranışı belgelerini okuyarak beklemiyordum, ama sanırım güzel ve kolay bir çözüm.

goToProduct(event, catalogId) { 
    this.nav.insert(1, ProductPage, { 
    catalogId: catalogId 
    },{ 
    direction: 'back' 
    }); 
} 

Answer 2

Yukarıdaki cevaba minnettarım, bana çok yardımcı oldu.
Ben bu ile gerçekleştirilir var benim uygulama sayfalarında ait geçişi uygulamak için ihtiyacı olan ama geri boink atıldığı günden

1. yapıldığı haliyle bir sorunu yoktu, o örtüşen oldu bir noktada bazı sayfalar.
2. Bazı arama yaptıktan sonra, bu sorunun çözüldüğünü gördüm.

Bu Ayrıca bizim gerekliliklerine bağlı olarak {direction: 'forward'} kullanabilirsiniz

goBack() { 
    { 
     this.nav.insert(0,MyPage, { 
     PId: this.parentId 
     },{direction: 'back'}); 
    } 

    { 
     this.nav.pop(); 
    } 
    } 

yönerge- Ben koddur.
Sadece 1 parametresiyle değiştirip benim için çalışıyorum.

İyi günler !!!