如何循环遍历一个 firebase 集合并为每个集合添加独特的颜色？

Question

我正在尝试遍历用户配置文件并为每个人分配唯一的颜色。这是我到目前为止所拥有的：

更新：我可以遍历 $scope.profiles 并单独访问每个配置文件。我无法弄清楚如何将颜色数组中的唯一颜色添加到每个配置文件。

 var colors  = ['red', 'blue', 'green', 'purple', 'orange', 'teal', 'violet', 'burgandy', 'brown', 'pink'];

 var obj = $firebase(new Firebase('https://demo.firebaseio.com/' + team + '/profiles')).$asObject();

 obj.$loaded().then(function() {
  var i = 0;
    angular.forEach(obj, function(value, key) {
      //how do I add a color from the colors array?
      value.$add(colors[i++]);
    });
 });

Answer 1

试试这样的：

var ind = 0;

$.each($scope.profiles, function (i, e){
  if (e && e.username){
      e.colour = colors[ind++]
  }
});

更新

如果$scope.profiles 是一个承诺，这样的事情可能会起作用：

var ind = 0;

$.when($scope.profiles).done(function(obj){
    $.each(obj, function (i, e){
        if (e && e.username){
            e.colour = colors[ind++]
        }
    });
}); 

这是有效的确切解决方案。

// to take an action after the data loads, use $loaded() promise
     $scope.profiles.$loaded().then(function() {
       var i = 0;
        angular.forEach($scope.profiles, function(value, key, profile) {
          value.color = colors[i++];
          profile.$save();
        });
     });