2015-09-11 61 views
0

我有一個簡單的離子幻燈片時髦的問題,我使用的是完全相同的方法,離子網站說(Ionic Slide Show)。爲什麼離子幻燈片無法正常播放?

,我所擁有的代碼是這樣的:

<ion-slide-box on-slide-changed="slideHasChanged($index)" ng-repeat="img in itemPictures"> 
    <ion-slide> 
     <img style="padding: 5px; border: solid 1px #EFEFEF;" class="full-image" ng-src="mydomain/{{img.Image_Path}}/{{img.Image_SRC}}"/> 
    </ion-slide> 
</ion-slide-box> 

itemPictures陣列具有正確的數據,問題是我得到的圖像中的每個人,每個圖像像本身就是一個滑塊下方。

謝謝你們!

+0

請讓我知道我的答案是否有幫助。 –

回答

1

<ion-slide-box>是滑塊的父元素。它包含裏面的<ion-slide>元素。您正在重複<ion-slide-box>,而您需要將ng-repeat放入<ion-slide>

<ion-slide-box on-slide-changed="slideHasChanged($index)"> 
     <ion-slide ng-repeat="img in itemPictures"> 
      <img style="padding: 5px; border: solid 1px #EFEFEF;" class="full-image" ng-src="mydomain/{{img.Image_Path}}/{{img.Image_SRC}}"/> 
     </ion-slide> 
    </ion-slide-box> 

請再看文檔中的用法,您會明白。

+0

嗨@mudasser,謝謝你的回答。事實上,我知道我必須將ng-repeat移動到離子滑動元件上。但是,我現在沒有得到任何圖像。 – Riad

+0

這當然是因爲錯誤的圖像路徑,你應該檢查你在'ng-src'中得到的圖像路徑。 –

+0

我試圖檢查元素(離子幻燈片)..幻燈片的數量是正確的,圖像的src是正確的..但是,我發現每個圖像都有src和ng-src屬性..我不明白爲什麼 – Riad