角度视图加载后,Http请求不会加载

时间:2016-07-31 18:00:29

标签: angularjs ionic-framework firebase firebase-realtime-database

我从Firebase加载数据,但只在每个时间左右,数据显示在视图中,但也只有在我刷新时。有时即使我第二次刷新拳头。当我在应用程序中切换视图时,数据根本不显示..

我的错是什么?

.controller('CatsCtrl', function($scope, $state, $http) {

  $scope.init = function() {

  var ref = firebase.database().ref("Entries");
  ref.once("value")
    .then(function(snapshot) {
      $scope.tmp = snapshot.val();
      $scope.data = $scope.tmp.kategorienamen

    });

  }


})

HTML

<ion-view ng-init="init()">
    <ion-header-bar align-title="center" class="bar-top no-bgColor">
  <h1 class="title-top">Kategorien</h1>
</ion-header-bar>
<ion-content overflow-scroll="true" class="has-header has-footer bg" scroll="true">

    <div ng-repeat="cat in data" class="animated lightSpeedIn">
      <a nav-transition="none"><div ng-style="{'background': 'url(' + cat.bgurl + ')','background-repeat': 'no-repeat','background-size': 'cover','display': 'block','width': '100%','height': '25vh' }" class="bgcat center">
        <div class="inner">
          <h1>{{cat}}</h1>
          <h4>{{}}</h4>
        </div>
      </div></a>
    </div>
</ion-content>

1 个答案:

答案 0 :(得分:0)

有许多方法可以给猫皮肤,但这里有一个,你应该阅读其余的一些

$scope.data = ref.once("value");

编辑:根据建议.once返回已经https://www.firebase.com/docs/web/api/query/once.html

的承诺