在列表 AngularJs + Firebase 中显示多个“子路径”答案

【问题标题】：Display multiple 'childpaths' in a list AngularJs + Firebase在列表 AngularJs + Firebase 中显示多个“子路径”
【发布时间】：2014-07-06 09:29:28
【问题描述】：

我是 Angular 和 Firebase 的新手，这是我的第一篇文章。我正在制作一个可以创建许多 TODO 主题的 TODO 列表，

例如，一个 TODO 列表：

1.Work
2.Free Time 
3.Home etc.

问题是我无法显示我创建的所有 TODO 列表，只显示最近的一个。每次创建新的待办事项列表时，我都会为它们分配一个路径：

https://.firebaseio.com/todos/ + "newProyect"

这是我对 TODO 项目迭代的看法：

   <ul class="list-group" ng-init="projectListView()">
          <li ng-repeat="project in projects">{{project.title}}</li>
   </ul>

我在这里想做的是创建一个函数，它可以遍历所有创建的 TODO 列表并显示它们，但我只能显示最后一个，每次该函数查找另一条路径时，它都会删除前一条。所以你最终只会显示最后一个待办事项列表。我能做些什么来解决这个问题。这是我的代码

    $scope.projectListView = function() {
           ref.on('child_added', function (snapshot) {
              var project = snapshot.name();
              $scope.projects = [{title:project}];
          });
      };

提前谢谢你！！！ i want to display something like this

【问题讨论】：

标签： angularjs angularjs-ng-repeat firebase angularfire

【解决方案1】：

我不熟悉 firebase，但我建议的一件事是：而不是这个

$scope.projects = [{title:project}];

如果您要使用仅包含一个项目的列表覆盖 $scope.projects，请在列表中再添加一个项目

$scope.projects.push({title:project});

另外，我不会在 ng-init 中执行此操作，而是在创建新项目的位置执行此操作。

【讨论】：