javascript - JSON 与 Angular JS 不起作用(Ionic 和 Cordova)

标签 javascript json angularjs cordova ionic-framework

我正在尝试下载包含其数据的 JSON,但由于某种原因无法运行,并且整个应用程序中断。我希望当 Pull 刷新时所有信息 JSON 都被刷新。

这是 Services.js:

angular.module('starter.services', [])

.factory('NotasService', function($resource,$http) {
return {

  all: function() {
    var items_nota;
      $http.get('http://betamediagroup.net/apps/canalDiez/estructura.json ')
          .success(function(data) {
           items_nota = data.datos;
          });
       return items_nota;
       },
     get: function(notaId) {
    // Simple index lookup
       return items_nota[notaId];
     }
      }
    });

这是Controller.js

    angular.module('starter.controllers', [])

.controller('ActulidadCtrl', function($scope, NotasService, $timeout) {

    $scope.items_nota = NotasService.all();
    $scope.isActualidad = function(items_nota) {
        return items_nota.category === "ahora";
    };

    //Pull tu refresh
        $scope.doRefresh = function() {

        console.log('Actualizando!');
        $timeout( function() {

        $scope.items_nota.push({
          id: 3,
          titulo: 'Balcarce: Marangoni en los 70 años del Banco Provincia.',
          fecha: '03 nov 09.30',
          foto: 'actualidad_marangoni'
        });
        $scope.items_nota.push({
          id: 4,
          titulo: 'Temporal: el Gobierno Provincial asiste a los daminficados.',
          fecha: '03 nov 09.00',
          foto: 'actualidad_temporal'
        });
        //Stop the ion-refresher from spinning
        $scope.$broadcast('scroll.refreshComplete');

        });

    };
})

这是模板 View :

<ion-view>
    <ion-nav-buttons side="left">
        <button menu-toggle="left" class="button button-icon icon ion-navicon"></button>>
    </ion-nav-buttons>

    <ion-content class="has-header">
        <ion-refresher on-refresh="doRefresh()" pulling-text="Tire para actualizar..." refreshing-text="Actualizando!" refreshing-icon="ion-loading-c">
        </ion-refresher>
        <ion-list>    
            <ion-item ng-repeat="item in items_nota" href="#/app/nota/{{item.id}}">
                <img src="img/{{item.foto}}">
                <h2>{{item.titulo}}</h2>
                <p >{{item.fecha}}</p>
            </ion-item>
        </ion-list>
    </ion-content>
</ion-view>

更新:解决了 JSON 结构中的问题

最佳答案

试试这个

.factory('NotasService', function($resource,$http) {
    var items_nota;

    $http.get('http://betamediagroup.net/apps/canalDiez/estructura.json ')
        .success(function(respuesta) {
      items_nota = respuesta.data;
    });
  };

  return {
    all: function() {
      return items_nota;
    },
    get: function(notaId) {
      // Simple index lookup
      return items_nota[notaId];
    }
  }
});

应用程序中断的原因是您没有在服务中传递 $http

关于javascript - JSON 与 Angular JS 不起作用(Ionic 和 Cordova),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26953466/

相关文章:

javascript - 如何在 SVG 中沿设定方向移动线条

sql - 从 SQL 获取未转义的 JSON

javascript - 输入字段过滤器在 AngularJS 中不起作用

javascript - 在 javascript 中迭代一个 json 对象,在数组中有一个数组

php - coldfusion 中是否有任何 json_encode(PHP) 的替代品?

javascript - 通过 Angular 中的服务访问全局对象

javascript - 显示代码中 javascript 错误的工具

javascript - 调用 API url 参数问题

javascript - 赋值结合性

ios - 如何将信息保存为Json