2015-08-21 2 views
0

Я использую Firebase с ионической Framework.I я Извлечение записи с помощью этого кода:Показать Json данные в файле просмотра

var ref = new Firebase("https://blazing-fire-2739.firebaseio.com/new"); 
    var arr=[]; 
     // Retrieve new posts as they are added to our database 
     ref.on("child_added", function(snapshot, prevChildKey) { 
     var newPost = snapshot.val(); 
     //console.log(newPost); 
     arr.push(newPost.data); 

     //console.log("Author: " + newPost.data.email); 
     //console.log("Title: " + newPost.date_of_birth); 
     // console.log("Previous Post ID: " + prevChildKey); 
     }); 
    $scope.datas = arr; 
    console.log($scope.datas) 

Это будет печатать что-то вроде:

[] 
0 =>Object { email="[email protected]", firstname="karan", lastname="sofat", more...} 
1=>Object { email="[email protected]", firstname="jyotsna", lastname="kaushal", more...} 

Я показываю в Просмотр файла:

<div class="item item-button-right" ng-repeat = "x in datas" > 
    {{x.email}} 

    </div> 

Это будет не печатает ничего

+0

возможно дубликат [Как же Угловое не обновляется с размахом здесь?] (http://stackoverflow.com/questions/21922470/how-come-angular-doesnt-update-with- scope-here) – Kato

+0

Классический вопрос. $ apply()/$ timeout(). См. Ссылку выше для некоторого фона на компиляторе Angular и асинхронных операционных системах. – Kato

+0

Кроме того, ознакомьтесь с AngularFire. Мы создали библиотеку и [полное руководство] (https://www.firebase.com/docs/web/libraries/angular/), чтобы помочь вам справиться с этими сложностями. – Kato

ответ

-1

Как указывает jQuery API: «Загрузите данные JSON с сервера с помощью HTTP-запроса GET».

Таким образом, вы не можете загрузить локальный файл с этой функцией. Но при просмотре веб-страниц, то вы увидите, что загрузка файла из файловой системы действительно трудно в JavaScript, как говорит следующее нить: Local file access with javascript

+0

Не вопрос о jQuery, а не запрос GET, а не загрузка локального файла (это загрузка данных из базы данных Firebase). – Kato

0

Ваши данные массива не в собственно массив JSON format.Do, как это,

function MyCtrl($scope) { 
 
    $scope.datas = [{ 
 
      email: "[email protected]", 
 
      firstname: "karan", 
 
      lastname: "sofat" 
 
     }, { 
 
      email: "[email protected]", 
 
      firstname: "jyotsna", 
 
      lastname: "kaushal" 
 
    }]; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular.min.js"></script> 
 
<div ng-app ng-controller="MyCtrl"> 
 
    <div class="item item-button-right" ng-repeat="x in datas"> 
 
      {{x.email}} 
 
     </div> 
 
</div>

+0

Это не приведет к тому, что асинхронно загруженные данные появятся в представлении. – Kato

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