javascript - Angular 中的动态更新无需使用 ng-repeat。可能的？ (使用 Firebase)

Question

是否可以在模板中使用 ng-repeat 动态更新 DOM？看来如果我使用加载 ng-repeat 来加载对象列表，从数据库中添加或删除的任何内容都会自动从 DOM 中删除自身或添加自身。然而，当我在 ng-repeat 之外调用仅包含 $scope 的内容时，没有动态更新。

我的代码可以显示 Firebase 的在线用户数量。每次用户登录时都会显示 console.log，但范围永远不会更新。是否可以在 DOM 中刷新它以显示新数字？

代码示例如下:

  firebase.database().ref('presence').on('value', function(snap) {
    console.log("# of online users = " + snap.numChildren());
    $scope.usersOnline = snap.numChildren();
  });

Answer 1

由于您正在 Angular 框架之外使用回调(我将假设 Angular 1，如果我错了请纠正我)，您需要这样做以确保 UI 层知道它需要更新:

firebase.database().ref('presence').on('value', function(snap) {
  $scope.$evalAsync(function() {
     console.log("# of online users = " + snap.numChildren());
     $scope.usersOnline = snap.numChildren();
  });
});