# $http.get and JSON

**URL:** <https://forum.ionicframework.com/t/http-get-and-json/7947>\
**Category:** ionic-v1\
**Created:** [August 8, 2014, 6:45pm UTC](https://forum.ionicframework.com/t/http-get-and-json/7947 "2014-08-08T18:45:59Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![mmilligan](https://avatars.discourse-cdn.com/v4/letter/m/82dd89/32.png) [@mmilligan](https://forum.ionicframework.com/u/mmilligan)\
**Post date:** [August 8, 2014, 6:45pm UTC](https://forum.ionicframework.com/t/http-get-and-json/7947/1 "2014-08-08T18:45:59Z")

</div>

I am trying to pull a JSON file to an ion-list but I can’t seem to get it to display. I also want to set up a detail page that pulls data from the list page. Any ideas? I’m still trying to wrap my head around how JSON files work too.

Thanks in advance!

Here is my controller.js code

```
 .controller('SessionCtrl', ['$scope', '$http', function($scope, $http) {
     $http.get('sessions/sessions.json').success(function(data) {
         $scope.sessions = data;
     });
}])

.controller('SessionDetailCtrl', ['$scope', '$routeParams',
    function($scope, $routeParams)
    {    
        $scope.sessionId = $routeParams.sessionId;
    }
])

```

Here is my ion-list code:

```
<ion-list>
  <ion-item ng-repeat="sessions in session" href="#/tab/sunday-detail/{{sessions.id}}">
   {{sessions.title}}
  </ion-item>
</ion-list>
```

---

<div class="post-metadata">

**Author:** ![Bas](https://avatars.discourse-cdn.com/v4/letter/b/a587f6/32.png) [@Bas](https://forum.ionicframework.com/u/Bas)\
**Post date:** [August 8, 2014, 6:53pm UTC](https://forum.ionicframework.com/t/http-get-and-json/7947/2 "2014-08-08T18:53:55Z")

</div>

you’ve set $scope.sessions in your controller but try to iterate over session (without the s)… try to change ng-repeat=“sessions in session” to “session in sessions” 😄

and don’t forget to update {{sessions.}} to {{session.}}

---

<div class="post-metadata">

**Author:** ![mmilligan](https://avatars.discourse-cdn.com/v4/letter/m/82dd89/32.png) [@mmilligan](https://forum.ionicframework.com/u/mmilligan)\
**Post date:** [August 8, 2014, 8:11pm UTC](https://forum.ionicframework.com/t/http-get-and-json/7947/3 "2014-08-08T20:11:32Z")

</div>

Thanks, Bas. However, I am still not getting my list to show. I am also working within tabs. Could that be an issue?

---

<div class="post-metadata">

**Author:** ![migueltarga](https://avatars.discourse-cdn.com/v4/letter/m/b2d939/32.png) [@migueltarga](https://forum.ionicframework.com/u/migueltarga)\
**Post date:** [August 8, 2014, 9:17pm UTC](https://forum.ionicframework.com/t/http-get-and-json/7947/4 "2014-08-08T21:17:10Z")

</div>

try:

```
.controller('SessionCtrl', ['$scope', '$http', function($scope, $http) {
     $http.get('sessions/sessions.json').success(function(data) {
         console.log(data);
         $scope.sessions = data;
     });
}])

```

and see if it print the array in your console, and do what @Bas said:

```
<ion-list>
  <ion-item ng-repeat="session in sessions" href="#/tab/sunday-detail/{{session.id}}">
    {{session.title}}
  </ion-item>
</ion-list>

```

if doesn’t work, post your array here, or the code on codepen

---

<div class="post-metadata">

**Author:** ![mmilligan](https://avatars.discourse-cdn.com/v4/letter/m/82dd89/32.png) [@mmilligan](https://forum.ionicframework.com/u/mmilligan)\
**Post date:** [August 11, 2014, 7:55pm UTC](https://forum.ionicframework.com/t/http-get-and-json/7947/5 "2014-08-11T19:55:08Z")

</div>

Here’s my test array:

```
[
    {
        "id": 1,
        "imageUrl": " ",
        "name": "NAHU PPACA Certification Program",
        "speaker": " ",
        "day": "Sunday",
        "snippet": "NAHU PPACA Certification Program Description."
    }, 
    {
        "id": 2,
        "imageUrl": " ",
        "name": "DataSmart Vertical",
        "speaker": " ",
        "day": "Sunday",
        "snippet": "DataSmart Vertical Description."
    }, 
    {
        "id": 3,
        "imageUrl": " ",
        "name": "Retirement Vertical",
        "speaker": " ",
        "day": "Sunday",
        "snippet": "Retirement Vertical Description."
    }, 
    {
        "id": 4,
        "imageUrl": " ",
        "name": "Regional UBA Meetings",
        "speaker": " ",
        "day": "Sunday",
        "snippet": "Regional UBA Meetings Description."
    }
]
```

---

<div class="post-metadata">

**Author:** ![mmilligan](https://avatars.discourse-cdn.com/v4/letter/m/82dd89/32.png) [@mmilligan](https://forum.ionicframework.com/u/mmilligan)\
**Post date:** [August 11, 2014, 8:00pm UTC](https://forum.ionicframework.com/t/http-get-and-json/7947/6 "2014-08-11T20:00:00Z")

</div>

Found my issue. I was using {{session.title}} in my list when I should have been using {{[session.name](http://session.name)}}.

Thanks again for the help!

---

<div class="post-metadata">

**Author:** ![jswebtech](https://avatars.discourse-cdn.com/v4/letter/j/41988e/32.png) [@jswebtech](https://forum.ionicframework.com/u/jswebtech)\
**Post date:** [November 1, 2014, 6:36am UTC](https://forum.ionicframework.com/t/http-get-and-json/7947/7 "2014-11-01T06:36:32Z")

</div>

```
HI mmilligan

i m using same but my one is not working can you pls help me. in controller i write this

.controller('SessionCtrl', ['$scope', '$http', function($scope, $http) {
     $http.get('http://tmcs.no-ip.info:83/iAutoCount/Profile.svc/json/GetProfile?dbName=5bvq9pq8EokHTf+uB/yLD61bh48juTfB/Up19EK4bks=&uDId=iKNColFa+oztAVriouDfvMpoNDwsYn9H4aJxSVWFIWpqyPnE1k47C5VUkpntIVPr&appsVersion=1.27.5&deviceUsage=180&appRealVersion=1.27.6&osVersion=8.1').success(function(data) {
         console.log(data);
         $scope.sessions = data;
     });
}])

and in html i m calling 

 {{session.Profile}}
```

---

<div class="post-metadata">

**Author:** ![franklinfs](https://avatars.discourse-cdn.com/v4/letter/f/91b2a8/32.png) [@franklinfs](https://forum.ionicframework.com/u/franklinfs)\
**Post date:** [June 4, 2015, 12:44pm UTC](https://forum.ionicframework.com/t/http-get-and-json/7947/8 "2015-06-04T12:44:00Z")

</div>

Hi

the servicelist array is

[{“id”:“1”,“serviceTitle”:“Security Service”,“serviceDescription”:“We are providing 24 hrs Security service.”,“language”:“1”}]

in controller file

$scope.servicelists = data;

but i am not able to list the values in html page

```
    <ion-item ng-repeat="servicelist in servicelists">
      
        {{ servicelist.serviceTitle }}
       
    </ion-item>
```