離子滑動循環顯示最後的第二張幻燈片

我正在用幻燈片在離子3中開發應用程序。我在加載視圖時使用* ngFor創建幻燈片。我已將循環屬性保留爲true，以便從上一張幻燈片導航後，幻燈片1應可見。以下是我的代碼離子滑動循環顯示最後的第二張幻燈片

<ion-slides loop> 
<ion-slide *ngFor="let card of myCards; let i=index"> 
<ion-card>{{card.name}}</ion-card> 
</ion-slide> 
</ion-slides>

幻燈片在設備上正確呈現。但是，當我從上一張幻燈片的下一張幻燈片中看到幻燈片2而不是幻燈片1.如果我在看到幻燈片2時稍微拖動屏幕，則看到幻燈片1.我不確定視圖沒有得到更新。如果我做錯了什麼，有人可以幫助我嗎？

編輯： 我收到卡陣列的存儲像這樣ionViewWillEnter事件：

this.storage.get(val =>{ 
this.myCards = val; 
})

陣列具有以下結構：

[{'name': 'xyz', 'message': 'message1'}, 
{'name': 'pqr', 'message': 'message2'}, 
{'name': 'abc', 'message': 'message3'}]

來源

2017-06-01 Prabi

你可以嘗試使用硬編碼的數據嗎？看起來您的myCards陣列在陣列末尾有第二張卡的副本。 –

請提供myCards數組數據和回調函數（如果有） –

更新了該帖子。我不確定最終如何擁有第二張牌的副本。你能否詳細說明你的想法？ – Prabi

我認爲有一些問題，你的數組操縱或存儲操作。嘗試下面的代碼。

this.myCards = [ 
        {'name': 'xyz', 'message': 'message1'}, 
        {'name': 'pqr', 'message': 'message2'}, 
        {'name': 'abc', 'message': 'message3'} 
       ];

如果上面的代碼工作正常，那麼問題是與您的存儲操作或數組操作。

來源

2017-06-02 04:35:40

離子滑動循環顯示最後的第二張幻燈片

回答

相關問題