幻燈片離子頁面（json請求的圖片）

我有一個JSON，它由圖片，標題和描述組成。（json of news）我想創建一個顯示圖片，標題和頁面描述的視圖。我應該可以滑動頁面查看下一個新聞項目。我使用angularjs和離子框架來做到這一點。幻燈片離子頁面（json請求的圖片）

我想它顯示在同一頁面

mycode的

<ion-view title="News" ng-controller="NewsCtrl"> 
    <ion-content class="has-header" scroll="true" padding="true"> 
     <ion-list> 
      <ion-item ng-repeat="newsS in news"> 
       <ion-slide> 
         <img ng-src= http://@@@@@@@@/{{newsS.image}}> 
         <b><h4 class="list-group-item-heading">{{newsS.title}}</h4></b><br> 
         <h5 class="list-group-item-text">{{newsS.description}}</h5> 
       </ion-slide> 
      </ion-item> 
     </ion-list> 
    </ion-content> 
</ion-view>

我怎樣才能做到這一點的所有圖像的方式？對於例如：我的JSON看起來像這樣

{ 
    News: [ 
    { 
     id: "1", 
     title: "dgdgdgdgdg", 
     image: "uploads/news/******_logo.jpg", 
     status: "yes" 
    }, 
    { 
     id: "3", 
     title: "dgdgdgdgdgdg", 
     description: "Solution by dgdgdgl", 
     image: "uploads/news/2013_batman_arkham_origins-1920x1080.jpg", 
     status: "yes" 
    }, 
    ] 
}

來源

2014-10-20 CraZyDroiD

使用離子滑框

<ion-slide-box> 
    <ion-slide ng-repeat="n in news"> 
    <img ng-src="{{n.image}}"> 
    </ion-slide> 
</ion-slide-box>

參考：

ion-slide-box

來源

2014-10-20 13:06:09 Colin

這個作品？我需要調整瀏覽器的寬度，然後只顯示滑塊。 @@ – hahahaha 2015-07-14 10:21:31

幻燈片離子頁面（json請求的圖片）

回答

相關問題