2017-07-06 47 views
3

工作我使用的離子3.離子3幻燈片不自動播放

這裏是我的模板

<ion-slides autoplay="5000" loop="true" speed="500" class="slides" pager="true"> 
     <ion-slide *ngFor="let Image of PImage"> 
     <img src="{{Image.URL}}" alt="Product Image"> 
     </ion-slide> 
</ion-slides> 

但我收到此錯誤

TypeError: Cannot read property 'hasAttribute' of undefined 

我怎樣才能解決這個問題?

請諮詢我,

感謝

+1

請您通過添加* ngif這樣的嘗試「autoplay =」5000「...> ...'?似乎這個問題可能與數據準備好之前創建的幻燈片有關... – sebaferreras

+1

感謝您的答覆。它的工作很好:)) – ANISUNDAR

+0

很高興聽到這個!我已經添加了,作爲一個問題的鏈接相關的一個問題的答案:) – sebaferreras

回答

7

似乎試圖創建幻燈片元素,當數據還沒有準備好,當是一個issue。爲了解決這個問題,使用*ngIf只有當數據準備好創建幻燈片:`<離子幻燈片* ngIf =「PImage && PImage.length:

<ion-slides *ngIf="PImage && PImage.length" autoplay="5000" loop="true" speed="500" class="slides" pager="true"> 
     <ion-slide *ngFor="let Image of PImage"> 
     <img src="{{Image.URL}}" alt="Product Image"> 
     </ion-slide> 
</ion-slides> 
+1

感謝您的答案我面臨的問題就像第一次當我加載頁面幻燈片autoplaying,但是當我去一些頁面並回到這張幻燈片在那裏的那個頁面,那個時候它不工作。 –

+0

此@sebaferreras的任何更新 –