firebase에서 데이터를 가져 와서 페이지에 표시

Question

데이터 검색 및 표시를위한 각도 파이어 문서를 확인한 후 문제가 있습니다. 나는 데이터를 반환하지만 그냥 표시하지 않는 것 같습니다. 여기 내 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

NG 반복 마크 업을 포함하지 않는 plunkr에서 볼 수 있습니다. 그러나 이러한 단편을 추가하면 예상대로 작동합니다.

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

출력 : 만약 범위로 배열을 추가해야하는 컨트롤러

: 컨트롤러 결합 소자 내부 그룹 위에 뷰이어서

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

, 당신 루프

하이

하이

dfgdfg

업데이트 plunkr : http://plnkr.co/edit/HWZj5szozMMBXGadu2U6?p=preview