從firebase中提取數據並在頁面上顯示

Question

我檢查了有關檢索和顯示數據的angularfire文檔，並且遇到了問題！我想我正在返回數據，但我只是沒有顯示它。這裏是一個鏈接到我的plnker：http://plnkr.co/edit/LZ24sRoSJjuCHQnEGzQz?p=preview

指數

 <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, 

     } 

Answer 1

在plunkr不包含NG-重複標記的視圖。但如果我添加這些片段，它會按預期工作。

在需要將陣列添加到範圍，所述控制器：

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

然後，在視圖中，遍歷結合控制器中的元素中的基團：

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

輸出

喜

喜

dfgdfg

更新plunkr：http://plnkr.co/edit/HWZj5szozMMBXGadu2U6?p=preview