Question

我无法从AngularFire同步数组中获取单个记录。

这是我的服务：

app.factory("Projects", ["$firebaseArray", function($firebaseArray) {
    // create a reference to the Firebase where we will store our data
    var ref = new Firebase("https://XXXXXXXXXX.firebaseio.com");
    var childRef = ref.child('projects');
    var projects = $firebaseArray(childRef);

    return {
        all: projects,

        create: function (projects) {
            return projects.$add(project);
        },
        get: function (projectId) {
            console.log(projectId);
            projects.$loaded().then(function(x) {
                var project = x.$getRecord(projectId);
                console.log(project); // This print null
            }).catch(function(error) {
                console.log("Error:", error);
            });
        },
        delete: function (project) {
            return projects.$remove(project);
        }
    };
  }
]);

这是我的控制者：

app.controller('ProjectViewCtrl', function ($scope, $routeParams, Projects, Auth) {
    $scope.project = Projects.get($routeParams.projectId);
});

这是我的观点：

<div>
 <p>{{project.creatorUID}}</p>
 <p>Project ID: {{project.$id}}</p>
</div>

<a class="btn button" ng-href="#!/">Back to Dashboard</a>

我可以提取详细信息项目到路由，但我无法看到任何内容或数据。

Answer 1

从语义上讲，此服务会创建一个API，该API返回$firebaseArray上已有的相同方法。实际上根本不需要这项服务，因为它不提供额外的功能，也不会抽象出任何复杂性。它很容易简化为：

app.factory("Projects", function($firebaseArray) {
    // create a reference to the Firebase where we will store our data
    var ref = new Firebase("https://XXXXXXXXXX.firebaseio.com").child('projects');
    return $firebaseArray(ref);
});

由于这些方法已在内部调用$ add，$ delete等，所以被调用者可以使用它们来代替包装方法。

继续讨论按键查找特定记录的问题，可以使用阵列上的$getRecord方法完成此操作。然而，最有可能的是，这不是你想要的。你没有在这里提供用例，这对于我们如何处理你的预期设计非常有限（见XY problem），但你的代码建议你只需要一条记录而不是数组。这应该使用$firebaseObject而不是尝试同步列表然后从列表中提取单个项目来完成：

app.factory('Record', function($firebaseObject) {
   var baseRef = new Firebase('...').child('projects');
   return function(recordId) {
      return $firebaseObject(baseRef.child(recordId));
   }
});

现在可以简单地获取代表任何记录的synchronized对象：

app.controller('...', function(Record) {
   var rec = Record( 'foobar123' );
});

另一个常见用例是创建一个列表，您可以在其中单击某个项目，然后编辑该特定项目的内容，并将其保存回Firebase（即某种可编辑的网格/列表视图）。这已经可以在数组中没有任何不自然和重复的内容同步的情况下完成：

<ul>
  <li ng-repeat="rec in list">
     {{rec.$id}}: {{rec.name}}
     <button ng-click="pickItem(rec)">select</button>
  </li>
</ul>

<form ng-show="selectedRec">
  <input ng-model="selectedRec.field" 
         ng-change="list.$save(selectedRec)" />
</form>

控制器：

$scope.list = $firebaseArray(...);
$scope.pickItem = function(rec) {
  $scope.selectedRec = rec;
};

如何从Firebase同步的AngularFire集合中获取单个记录

1 个答案: