2017-01-14 4 views
0

Надеюсь, что некоторые из вас могут предоставить мне некоторые предложения о том, как запрашивать данные из Firebase на мою HTML-страницу.Как получить данные от Firebase Into AngularJS

Контроллер

.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 File

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

Вы используете угловой огонь? Инъекция $ firebaseArray подсказывает это, но, чтобы быть уверенным! – YannickHelmut

+0

Да, я использую angularfire, любые предложения, которые помогут, потому что у меня проблемы с запросом Firebase –

+0

, если мой ответ вам помог, пожалуйста, отметьте его как правильно. – YannickHelmut

ответ

0

Поскольку вы используете angularfire, вы можете сделать это следующим образом:

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

Будьте осторожны относительно верблюжьего на orderByChild.

Вам нужно только просмотреть данные, если вы хотите, чтобы событие происходило при добавлении ребенка. Например, отправьте уведомление, когда доступно новое сообщение. В противном случае база данных работает в реальном времени, поэтому, если вы измените имя в информации (непосредственно в консоли firebase), оно будет доступно и обновлено в вашей области.

Существует еще один способ сделать это, который может пригодиться, когда вы подготовки вашего приложения:

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

Это будет обрабатывать обещание, когда вы выборки данных. Это может быть полезно, если вы хотите показать загрузчика, извлекая данные, которые вы покажете перед этой функцией, и скройте их, как только это будет сделано.

Надеюсь, это поможет!

Смежные вопросы