Complex json file

ionic-v1
1

hello,
i tried to read a specific id in a json file.the id is inside an object which is inside an object inside an array
trying to get that id to some tests
here’s a look of an object of the array
FORMAT JSON Formatted JSON: { "news": [ { "Article": { "id": "52115", "titre": "Dakhla : La Foire commerciale de l’artisanat sustentée du Forum Crans Montana", "content": "<p>Alors que prend fin le Forum Crans Montana &agrave; Dakhla, d&rsquo;autres &eacute;v&egrave;nements parall&egrave;les ferment boutique &agrave; l&rsquo;instar de la Foire commerciale de l&rsquo;artisanat qui s&rsquo;est &eacute;galement tenue dans la perle du sud.<\/p>\r\n<p>Regroupant 76 stands avec des artisans venus de toutes parts du Maroc, la Foire a &eacute;tal&eacute; un panel de produits propres &agrave; l&rsquo;artisanat marocain montrant la richesse culturelle et authentique du pays. Vari&eacute;t&eacute;s de produits extraits des dates locales, tenues traditionnelles, bijoux, produits cosm&eacute;tiques et meubles ont tent&eacute; les d&eacute;l&eacute;gations &eacute;trang&egrave;res provenant de 140 pays.<\/p>\r\n<p>&laquo;L&rsquo;&eacute;v&eacute;nement trouve son importance dans la rencontre de personnes venues de nouveaux horizons&raquo;, nous explique Chad Belwahed Abdeljalil, artisan et vendeur de babouches traditionnelles, venu de Taroudant. La Foire anim&eacute;e de musique et danse hassanies a &eacute;t&eacute; inaugur&eacute;e par le Wali de la r&eacute;gion Dakhla Oued Eddahab et gouverneur de la province d&rsquo;Oued Eddahab, Lamine Benomar.<\/p>\r\n<p>Chegaf Sidati, pr&eacute;sident de la Chambre d&rsquo;artisanat de Dakhla nous a expliqu&eacute; que l&rsquo;occasion a &eacute;t&eacute; saisie pour &eacute;taler le savoir-faire local et national :<\/p>\r\n<div class=\"citation\">\r\n<p>&laquo;Le Forum marque la ville politiquement, socialement et &eacute;conomiquement. Dakhla est en train de devenir un hub pour les s&eacute;minaires internationaux, ce qui appuie sa marocanit&eacute;. La ville la plus proche de Dakhla est &agrave; au moins 500 km, ce qui nous met dans un blocus &eacute;conomique. Les &eacute;v&egrave;nements comme le Forum anime l&rsquo;activit&eacute; &eacute;conomique qui profite &agrave; tous.&raquo;<\/p>\r\n<\/div>\r\n<p>Un vendeur d&rsquo;habits sahraouis, habitant la ville de Dakhla confirme &agrave; <em>Yabiladi<\/em> le dynamisme de la ville gr&acirc;ce &agrave; l'&eacute;v&egrave;nement, mais il ne faut pas toutefois se leurrer, ajoute-t-il. Apr&egrave;s la fin du Forum Crans Montana, la ville retournera &agrave; la stagnation, nous fait-il savoir.<\/p>\r\n<p><iframe src=\"//www.youtube.com/embed/Ue5YGZpf7HU\" width=\"100%\" height=\"314\"><\/iframe><\/p>", "chapeau": "" }, "Categorie": { "name": "Economie", "id": "5" }, "Image": [ { "id": "62139", "id_article": "52115", "titre": "Le Wali de la région Dakhla Oued Eddahab inaugure la Foire commerciale de l'artisanat, un jour avant le début du Forum Crans Montana. / Ph. Mounira Lourhzal", "description": "", "thumb": "b4022c309f026481b3024ac56bca966e200.JPG", "diaporama": "b4022c309f026481b3024ac56bca966e589.JPG", "new_diaporama": "b4022c309f026481b3024ac56bca966e370.JPG", "focus_thumb": "8018f663c7974a59b25e5181f55a40b3_646.JPG", "thumb_350": "b4022c309f026481b3024ac56bca966e350.JPG", "thumb_chaabi": "b4022c309f026481b3024ac56bca966echaabi-.JPG", "filename": "b4022c309f026481b3024ac56bca966e.JPG", "disporder": "58026", "active": "1", "thumb_min": "b4022c309f026481b3024ac56bca966e150.JPG", "thumb_116": "", "thumb_60": "60_b4022c309f026481b3024ac56bca966e350.JPG", "thumb_75": "b4022c309f026481b3024ac56bca966e75.JPG", "thumb_250": "b4022c309f026481b3024ac56bca966e250.JPG", "thumb_focus": "8018f663c7974a59b25e5181f55a40b3_646.JPG", "thumb_565": "8018f663c7974a59b25e5181f55a40b3_thumb_565.JPG", "thumb_diaporama": "b4022c309f026481b3024ac56bca966e560.JPG", "to_crop": "b4022c309f026481b3024ac56bca966e464_t.JPG", "width": "646", "height": "293", "height_350": "225", "width_350": "400", "height_diaporama": "320", "width_diaporama": "570" } ], "Comment": [], "Encadre": [] },

thank you for help

2

Hi! :slight_smile:

Can you tell me which id you want to take ?

3

the article id .i am passing it to another page.then in a controller i inject a service.in that service i have a function getbyid.an $http get.i concat the id to it.but it gives me a 404 page.is there another way
here s a pen i made.it only includes the controller and the service

See the Pen mWLNvr by mohamed reda (@redamed) on CodePen.

thank you for the help p.s: i tried the undersocre library.but always got the "_ is not defined" error
4

Take a look at this example / logic:

SERVICE

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

.constant('SERVER_PATH','https://www.yabiladi.com/newsapi/view/');

.factory('Article', function($http, SERVER_PATH){
  return: {
    getArticleId: function(articleId) {
      // ROUTE EXAMPLE for articleId = 1
      // https://www.yabiladi.com/newsapi/view/1.json
      return $http.get(SERVER_PATH + articleId + '.json');
    }
  }
});

CREATE A STATE FOR SPECIFIC ARTICLE

.config(function($stateProvider, $urlRouterProvider) {
    $stateProvider
    // ...
    .state('article', {
      url: '/article/:articleId',
      templateUrl: 'templates/article.html',
      controller: 'articleCtrl'
    });
    // ...

    //$urlRouterProvider.otherwise("/home");
})

CONTROLLER FOR ARTICLE

.controller('articleCtrl', function($scope, $stateParams, Article) {
        Article.getArticleId($stateParams.articleId).success(function(data) {
              // DO SOMETHING
            },
            function errorCallback(data) {
                alert("ERROR");
            }).finally(function() {
            // DO SOMETHING 
        });

    });

VIEW

<a ui-sref="article({ articleId: article.id })">AN ARTICLE</a>

Hope this helps.

5

thanks mate for the answer.i’ll give it a try

6

thank you very much.it’s working.i was doing the same thing but maybe i was lacking something somewhere.thank you

1 Like