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',
})

“ionic中ng-repeat nav-direction不起作用的处理方法”的16个回复

  1.   男友第一次来我家,要和我亲热,这时我的猫跑了进来,男友要赶它,我连忙喊停:不要赶,它喜欢看!
      男友给了我一巴掌:你不是说你是第一次吗?

  2. 今天办公室里几个男女在讨论用避孕套的好处和坏处,男方坚决抵制避孕套,女方大力支持使用避孕套,双方各持一词不分伯仲,这时我们办公室一个大姐问我平日用套套吗?我说:我……我…我都是包皮打个结。当时讨论就结束了。

  3. 增达网,看看笑话就有钱!每天收入无上限!

    收入途径:

    ①:坐等收钱,逆向网赚,上线替下线发展,不推广照样赚钱

    ②:浏览赚钱,每阅读一篇笑话就有钱,十万文章不限量观看

    ③:推广赚钱,主动推广的收入是不推广的十倍,赚钱更可观

    ④:广告提成,你的下线发布一次广告,你可得广告费的两成

    注册网址:

    http://www.zengda.xin/?ic=lbc

    无上线无法注册,请勿删除后缀!

发表评论

电子邮件地址不会被公开。 必填项已用*标注