Показать данные Json в виде файла

Question

Показать данные Json в виде файла

0

Я использую Firebase с Ionic Framework. Я извлекаю запись, используя этот код:

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>

Это ничего не печатает

Muhsin 21 авг. 2015, в 12:20

Источник

0

Возможный дубликат Каким образом Angular не обновляется здесь?
Kato 24 авг. 2015, в 19:45
0

Классическая область видимости. $ Apply () / $ timeout () вопрос. См. Ссылку выше для некоторой справки по компилятору Angular и асинхронным операциям.
Kato 24 авг. 2015, в 19:45
0

Кроме того, проверьте AngularFire. Мы написали библиотеку и полное руководство , чтобы помочь вам справиться с этими сложностями.
Kato 24 авг. 2015, в 19:47

Показать ещё 1 комментарий

Теги:

firebase

angularjs

ionic

2 ответа

Ещё вопросы

Возможный дубликат Каким образом Angular не обновляется здесь?
Классическая область видимости. $ Apply () / $ timeout () вопрос. См. Ссылку выше для некоторой справки по компилятору Angular и асинхронным операциям.
Кроме того, проверьте AngularFire. Мы написали библиотеку и полное руководство , чтобы помочь вам справиться с этими сложностями.

Muhsin · Answer 1 · 2015-08-21T08-51-00.000Z

Данные вашего массива не соответствуют формату массива JSON. Подобно этому,

 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>

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

Arun · Answer 2 · 2015-08-21T07-49-00.000Z

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

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

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