ionic中ng-repeat nav-direction不起作用的处理方法

这几天在弄ionic前端移动框架。遇到的问题
IONIC ng-repeat 数据的时候 nav-direction没有效果。折腾了好久,查了很多网站,都没有好的处理方法。最后…原来是ionic的一个bug.不过有看到用这样的代码来处理这个bug.试了之后success !!!!

1.首页你的html要这样写

<ion-item class="item-thumbnail-left item-icon-right" ng-repeat="g in goods" type="item-text-wrap"  on-tap='myHref(g.id)'>
                <img ng-src="{{g.thumb}}!100x100">
                <h2>{{g.title}}</h2>
                <p>{{g.sub_title}}</p>
            </ion-item>

这里推荐使用 collection-repeat 代替 ng-repeat 大量数据repeat的时候页面不会出现卡顿的现象。

2.在你的controller 中:

  $scope.myHref = function (route) {
                $ionicViewSwitcher.nextDirection('forward');
                $state.go('goods-detail', {'gid': route});
            }

别记了在你的controller 中注入 $ionicViewSwitcher,$state两个模块。
3.你的ionic 路由:

 .state('goods-detail', {
               url: '/:gid',
               templateUrl: 'templates/goods-detail.html',
               controller: 'GoodsDetailCtrl',
})