离子离子导航键 - 如果不能用于第一次加载

时间:2015-05-04 16:22:04

标签: javascript angularjs ionic-framework ionic

我有一个表格视图,当我点击一个单元格时会调用我的PixCtrl控制器。如果我检查连接工作,我将通过$http.get获取数据,如果不是,我将使用sqlite。这是工作。我希望ion-nav-buttons是动态的。但是当我第一次点击时,这是行不通的。我必须再次表明这一点。我不知道如何解决它。并且我已经使用控制台来观看它,每次都是正确的,如何在第一次点击时修复它。

感谢你的帮助。

控制器

.controller('PixCtrl', function($scope, $sce, $stateParams, SQLService, $http....) {
    ...

    if ( ! $rootScope.noConnection) {
      $http.get('http://pixnettest-lighter.c9.io/content.php?id=' + $stateParams.pixnetId)
      .success(function(data, status, headers, config) {
        var pix_data = {
          ...
          html_comment_count: datas[0].comment_count,
          ...
        };
        $scope.pix_content = pix_data;
      });

    }
    else  {
      // get by sqlite data

      var pixnet_data = {
        ...
        html_comment_count: content.comment_count,
        ...
      };

      $scope.pix_content = pix_data;
    }

    ...

    $scope.checkMComBtn = function(comment_count) {
      var intValue = parseInt(comment_count) || 0;
      console.log('intValue ' , intValue);

      if (intValue > 0) {
        return 1;
      }
      else {
        return 0;
      }
    }
});

视图

<ion-view on-swipe-right="onSwipeRight()" ng-init="initEvent()">
  <ion-nav-buttons side="right"  ng-if="checkMComBtn(pix_content.html_comment_count)">
    <button class="button">Message</button>
  </ion-nav-buttons>
  ...
</ion-view>

1 个答案:

答案 0 :(得分:4)

我创立了这个理由!我只是将ng-if修改为button,然后就可以了!

<ion-view on-swipe-right="onSwipeRight()" ng-init="initEvent()">
  <ion-nav-buttons side="right">
    <button class="button" ng-if="checkMComBtn(pix_content.html_comment_count)">Message</button>
  </ion-nav-buttons>
  ...
</ion-view>