Angular - Getting JSON data as undefined

Question

I'm trying to retrieve json data using Angular $http.get. But I'm getting undefined for the value.

My Json File is as below

[
    {
        "BannerText": "The First Mobile SSP. Truly Optimized for Outstream Video",
        "IntroText": "Chololate SSO provides necessary infrastructure for app monetization thgough video ads. More than 150 million people worldwide see a Chocolage SSP ad each month.",
        "SolutionHeaderText": "Solution For Publishers",
        "SolutionValueText": "Unlock the true potential of your mobile inventory with industry leading eCPMs & Fill Rates"
    }
]

Script File

.controller('HomeCtrl', function ($scope, $http) {
    alert('Called');
      $http.get("data/homeData.json")
        .success(function(data) {
          $scope.details = data;
          alert($scope.details.BannerText);
        });
    });

HTML

<div ng-controller="HomeCtrl">
    <div class="banner-section">
        <div class="banner-text text-center">
            <p>{{ details.BannerText }}</p>
        </div>
    </div>
</div>

Sajeetharan · Accepted Answer · 2016-01-08 05:07:05Z

1

Change your JSON like this,

{ "BannerText": "The First Mobile SSP. Truly Optimized for Outstream Video", "IntroText": "Chololate SSO provides necessary infrastructure for app monetization thgough video ads. More than 150 million people worldwide see a Chocolage SSP ad each month.", "SolutionHeaderText": "Solution For Publishers", "SolutionValueText": "Unlock the true potential of your mobile inventory with industry leading eCPMs & Fill Rates" }

 <body ng-app='myApp' ng-controller='HomeCtrl'>
    <h1>Read Json from file </h1>
    {{entities.BannerText}}   </body>

Here is the working App

answered Jan 8, 2016 at 5:07

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Wasimakram Mulla · Accepted Answer · 2016-01-08 05:10:56Z

0

You have a valid JSON and JSON provided by @Sajeetharan also is correct.

If you want to use your JSON only then change data as below:

$scope.details = data[0];     // As it is an array so it should be in [0]

It will resolve your issue.

answered Jan 8, 2016 at 5:10

Wasimakram Mulla

5118 silver badges24 bronze badges

Collectives™ on Stack Overflow

Angular - Getting JSON data as undefined

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related