L'obtention de données à partir d'un fichier json dans IONIQUE en utilisant AngularJS

Usine services.js

Commencez avec une usine de remplacer mon url de l'esprit de la vôtre.

.factory('Friends', function ($http, $rootScope, $stateParams) {

  return {
    all: function () {
      return $http.get('https://friends.json/all', { params: { user_id: $rootScope.session } })
    },
    get: function () {
      return $http.get('https://friends.json/getOne', { params: { user_id: $rootScope.session, chat_id: $stateParams.idchat } })
    },
    add: function (id) {
      return $http.get('https://friends.json/new', { params: {idfriends:id}})
    }
  };
});

Contrôleur controllers.js

Puis faire un contrôleur de ce genre. C'est lorsque vous instanciez l'usine pour récupérer vos données.

.controller('FirendsCtrl', function ($scope, Friends) {

  Friends.all().success(function (response) {
    $scope.friends = response;
  })
})

Étendue ajoutée pour Afficher

Cela permettra de lier les données à la portée. Et là pour le rendre disponible à la vue.

Enfin, vous serez en mesure de mettre les données à la vue via $portée
J'ai créé un ici la liste de tous les amis que vous obtenez à partir de get ami avec un joli côté swip à ajouter plus ou supprimer.

<ion-view view-title="Contacts">
  <ion-content>
  <ion-list>
      <ion-item class="item-icon-right" ng-repeat="data in friends">
          <h1>{{ data.username }}</h1>
          <p>{{ data.friendNumber}}</p>
          <i class="icon ion-chevron-left icon-accessory"></i>
          <ion-option-button class="button-positive" ng-click="viewFriend(viewFriend(data.idfriends))">View Friend</ion-option-button>
          <ion-option-button class="button-assertive" ng-click="deleteFriend(remove(data.idfriends))">Delete</ion-option-button>
      </ion-item>
    </ion-list>
  </ion-content>
</ion-view>

Avertissement

c'est un code que j'avais écrit précédemment, j'ai modifié un peu pour s'adapter à votre question. Je n'ai pas couru cette version exactement, mais ma version fonctionne très bien.

si vous souhaitez voir le code complet, n'hésitez pas à consulter mon dépôt github https://github.com/joeLloyd/Scripto5000

OriginalL'auteur Joe Lloyd