wyciąganie danych z firebase i wyświetlanie na stronie - angularjs, firebase, angularfire

Sprawdziłem dokumentację dotyczącą pożaru kątowegodo pobierania i wyświetlania danych i mam z tym problemy! Myślę, że zwracam dane, ale po prostu ich nie wyświetlam. oto link do mojego plnkera: http://plnkr.co/edit/LZ24sRoSJjuCHQnEGzQz?p=preview

Indeks

      <h1 ng-repeat="group in data.groups">{{group.name}}</h1>

JS

      $scope.newGroup = {
name: "",
status: ""
};

$scope.addGroup = function(newGroup) {

groupsService.addGroup(newGroup);

$scope.newGroup = {
name: "",
status: ""
};

};

.factory("groupsService", ["$firebase", "FIREBASE_URI",
function ($firebase, FIREBASE_URI) {
var ref = new Firebase(FIREBASE_URI);

var groups = $firebase(ref).$asArray();

var getGroups = function(){
return groups;
};

var addGroup = function (newGroup) {
console.log(newGroup)
groups.$add(newGroup);
};

return {
getGroups: getGroups,
addGroup: addGroup,

}

Odpowiedzi:

Widok w plunkr nie zawiera znaczników ng-repeat. Ale jeśli dodam te fragmenty, działa zgodnie z oczekiwaniami.

W kontrolerze musisz dodać tablicę do zakresu:

$scope.data = {};
$scope.data.groups = groupsService.getGroups();

Następnie w widoku zapętlasz grupy wewnątrz elementu, który wiąże kontroler:

<form ng-controller="MainCtrl">
<h1 ng-repeat="group in data.groups">{{group.name}}</h1>
</form>

Wydajność

cześć

cześć

dfgdfg

Zaktualizowany plunkr: http://plnkr.co/edit/HWZj5szozMMBXGadu2U6?p=preview