Firebase에서 AngularJS로 데이터를 쿼리하는 방법

여러분 중 일부는 Firebase의 데이터를 내 HTML 페이지로 쿼리하는 방법에 대한 제안을 할 수 있기를 바랍니다.Firebase에서 AngularJS로 데이터를 쿼리하는 방법

컨트롤러는 angularfire을 사용하고 있기 때문에, 당신이이 방법을 수행 할 수 있습니다

<div ng-controller="cloudCtrl"> 
    <button ng-click="Load()">Load User</button> 
    </div>

출처

2017-01-14 Jey.L

당신은 화기를 사용하고 있습니까? $ firebaseArray 인젝션은 그것이 확실하다는 것을 제시한다! – YannickHelmut

예 firefire –

에서 질문하는 데 문제가있어 도움을 받으려면 angularfire를 사용하고 있습니다. 내 대답이 도움이된다면 올바른 것으로 표시하십시오. – YannickHelmut

.controller('cloudCtrl', ['$scope', '$stateParams', '$firebaseArray' ,// $stateParams.parameterName 
function ($scope, $stateParams, $firebaseArray) { 
var ref2 = firebase.database().ref().child("info"); 
var sync = $firebaseArray(ref2); 
console.log(sync.toString()); 

sync.orderBychild('name').endAt(3).on('child_added', function(snap){ 
    console.log('added', snap.val()) 
}) 

}])

HTML5 파일 :

$scope.load = function() { 
    $scope.result = firebase.database().ref().child("info").orderByChild('name').endAt(3); 
}

이 orderByChild에 낙타 표기법에 관한주의하십시오.

어린이 추가시 이벤트가 발생하면 데이터를 볼 필요가 있습니다. 예를 들어 새 메시지를 사용할 수있는 경우 알림을 보냅니다. 그렇지 않으면 데이터베이스가 실시간으로 작동하므로 info (firebase 콘솔에 직접 포함)의 이름을 수정하면 해당 범위에서 사용 가능하고 업데이트됩니다. 당신이 데이터를 가져 오는하는 동안

$firebaseArray(yourRef).$loaded().then(function(result) { 
    $scope.result = result; 
})

이 약속을 처리합니다 :

이 앱을 준비하는 동안 유용하게 사용할 수있는이 작업을 수행 할 수있는 또 다른 방법이 있습니다. 그 기능을하기 전에 표시 할 데이터를 가져 오는 동안 로더를 표시하고 완료되면 숨길 수있는 경우 유용 할 수 있습니다.

희망이 있습니다.

출처

2017-01-16 11:17:20 YannickHelmut

Firebase에서 AngularJS로 데이터를 쿼리하는 방법

답변

관련 문제