Question

我正在使用Ionic为我的wordpress博客创建一个应用程序，它获取最新的帖子缩略图（因为我的帖子基本上是每个帖子的图片），我想使用按钮导航到帖子之间或者向左或向右滑动我怎么能这样做，我已经搜索了很多，但我只找到了无限的滚动方法。

屏幕截图：http://i.stack.imgur.com/3BsMe.jpg

这是我的代码：（controller.js）

angular.module('starter.controllers', [])
.controller('LatestCtrl', ['$scope', '$http', function($scope, $http){
$scope.recent_posts = [];  
$http.get("http://haltaalam.info/api/get_posts/").then(function(data){ 
   $scope.recent_posts = data.data.posts;
   $scope.id = $scope.recent_posts[0].id;
   $scope.recent_post_img = $scope.recent_posts[0].thumbnail_images.full.url;
}, function(err){
})
}])

（视图）

<ion-view ng-controller="LatestCtrl" cache-view="false">
<ion-list class="list list-inset" on-swipe-left="" on-swipe-right="" can-swipe="true">
  <ion-item class="item item-image">
    <img ng-src="{{recent_post_img}}">
  </ion-item>
    <ion-item class="row item">
      <div class="col">
          <a class="button button-clear button-icon icon ion-ios-arrow-right button-ht" href="#"></a>
        </div>
      <div class="col "><button class="button button-clear button-ht icon ion-android-share-alt icon-left" ng-click="share();"></button></div>
      <div class="col "><button class="button button-clear button-icon icon ltr ion-ios-heart-outline button-ht" ng-click=""></button></div>
      <div class="col">
       <a class="button button-clear button-icon icon ion-ios-arrow-left button-ht" href="#"></a>
        </div>
    </ion-item>
</ion-list>

在Ionic中的wordpress帖子之间导航（下一个/上一个）

0 个答案: