Angular - 将JSON数据定义为未定义

时间:2016-01-08 05:01:38

标签: angularjs http get

我试图使用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"
    }
]

脚本文件

.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>

2 个答案:

答案 0 :(得分:1)

像这样更改你的JSON,

  

{           “BannerText”:“第一款移动SSP。真正针对流出视频进行优化”,           “IntroText”:“Chololate SSO为应用程序货币化提供了必要的基础设施,包括视频广告。超过1.5亿人   全世界每个月都会看到一个Chocolage SSP广告。“,           “SolutionHeaderText”:“发布商解决方案”,           “SolutionValueText”:“利用业界领先的有效每千次展示费用和填充费率,释放您的移动广告资源的真正潜力”       }

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

这是工作App

答案 1 :(得分:0)

你有一个有效的JSON和@Sajeetharan提供的JSON也是正确的。

如果您只想使用JSON,请按以下方式更改数据:

super.onCreate(savedInstanceState);

它将解决您的问题。