2016-01-08 3 views
0

Я пытаюсь получить данные json с помощью Angular $ http.get. Но я получаю неопределенное значение.Угловой - получение данных JSON как неопределенных

Мой Json Файл ниже

[ 
    { 
     "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> 

ответ

1

Изменить ваш JSON, как это,

{ "BannerText": "Первый мобильный SSP. Действительно оптимизирован для Outstream Video », « IntroText »:« Chololate SSO предоставляет необходимую инфраструктуру для монетизации приложений для видеообъявлений. Более 150 миллионов человек во всем мире каждый месяц видят рекламу в Chocolage SSP. », « SolutionHeaderText »:« Решение для издателей », « SolutionValueText »:« Разблокировать реальный потенциал вашего мобильного инвентаря с помощью ведущих в отрасли эффективных цен за тысячу показов & Заполняйте тарифы " }

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

Здесь работает App

0

у вас есть действительный JSON и JSON обеспечивается @Sajeetharan также является правильным.

Если вы хотите использовать JSON только затем изменить данные, как показано ниже:

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

Это позволит решить вашу проблему.

Смежные вопросы