【问题标题】:FirebaseArray doesn't update ViewFirebaseArray 不更新视图
【发布时间】:2017-07-19 03:44:08
【问题描述】:

首先,我想为此做一个 plunkr,但代码非常复杂,复制它可能会花费大量时间。

但是我会附上关于这个问题的图片。

问题是:

数据完全来自数据库,并将数据分配给数组但不知何故视图没有更新。

  1. 我有一个对象数组。所以我为此使用了 firebaseArray。

这是我的第一个数组

  1. 我正在检查 Console.Log 上的数据,它的到来、变化……$timeoutsetTimeout 不起作用……

    var ref = firebase.database().ref("live"); var liveData = $firebaseArray(ref);

更改事件示例:

          ref.child("events").on("child_changed", function(snapshot) {
          // CHANGE EVENTS
          var changedData = snapshot.val();

          angular.forEach(liveData[0], function(i,v) {
            if (angular.isObject(i)) {
              if (i.id == changedData.id) {
                $timeout(function() {
                i = changedData;
                console.log(i);
                console.log("1 event has been changed");
                }, 100);
              }
            }
          });
          });

我是新手,这是我使用 Firebase&AngularFire 的第一个项目。

也许我做错了什么,也许我做错了,但我不知道是什么......

顺便说一句,这是服务而不是控制器,我不/不能使用 SCOPE。

这个数据太复杂了,我给大家展示一下我们的观点,让你更好地理解..

  <div ng-repeat="tournament_id in sport.tournaments track by $index"
     ng-if="(live.data.tournaments[tournament_id] && live.isCollapsed('sports', sport.id))">
    <div class="main-box">
        <h4 class="tournament-name" ng-click="live.manageCollapse('tournaments', tournament_id)">
            <i class="fa fa-chevron-up {{live.storage.tournaments[tournament_id].style}}"></i>
            {{live.data.tournaments[tournament_id].name}} ({{live.data.tournaments[tournament_id].event_count}})
        </h4>
        <div ng-if="live.isCollapsed('tournaments', tournament_id)">
            <table class="table">

【问题讨论】:

    标签: angularjs firebase firebase-realtime-database angularfire


    【解决方案1】:

    i 是回调函数中的局部变量。试试liveData[0][v] = changedData

    注意:交换 iv 可能会更好。 i 代表索引,v 代表价值。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2023-03-21
      • 1970-01-01
      • 1970-01-01
      • 2019-07-04
      • 1970-01-01
      • 2020-04-15
      • 2013-10-23
      • 2013-09-06
      相关资源
      最近更新 更多