javascript - 如何从 firebase 获取所有待办事项？

Question

我将待办事项存储在 firebase 数据库中，如何使用 angularjs 在 json 数组中一次获取所有待办事项。所以我可以写这样的东西。

<p ng-repeat="todo in todos">
  {{todo.title}}
</p>

或者存储待办事项的结构是否错误？

Answer 1

您的数据结构中不需要额外的 todo 键。尝试这样的结构:

{
  "todos": {
    "larohj5wj4qj_34qk": {
       "title": "Do homework",
       "checked": true
    },
    "utpAbn_48q5jrfKFf": {
       "title": "Walk dog",
       "checked": false
    }
  }
}

然后使用 AngularFire 来同步这个集合: code format done with Angular styleguide

<强> Plnkr Demo

angular.module('todoApp', ['firebase'])
  .constant('FirebaseUrl', '<my-firebase-app>')
  .service('rootRef', ['FirebaseUrl', Firebase])
  .controller('TodoCtrl', TodoController);

function TodoController($scope, rootRef, $firebaseArray) {
  $scope.todos = $firebaseArray(rootRef.child('todos');
}