Angular Json Http Get - Not load

Question

This is a simple test to fetch json file from third party server, but no success. I did test with this json (https://jsonplaceholder.typicode.com/posts) and is working. Any body can help me? Thanks in advance.

var app = angular.module("viewJSON",[]);
app.controller("viewCtrl",function Hello($scope, $http) {
    $http.get('http://media.astropublications.com.my/api/drebar_landing.json').
        success(function(data) {
            $scope.testJer = data;
     $scope.keys = Object.keys($scope.testJer[0]);
        });
});

section {height:180px;}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"></script>

  <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">



  <div ng-app="viewJSON" ng-controller="viewCtrl">

  <div ng-repeat="item in testJer | filter:search">
    <section class="col-md-3">
        <h4>{{item.Title}}</h4>
        <p>{{item.Description}}</p>
    </section>
 </div>


  </div>

Sajeetharan · Accepted Answer · 2018-04-30 04:09:24Z

2

You need to access the ArticleObject array from the response ,

app.controller("viewCtrl", function Hello($scope, $http) {
  $http.get('http://media.astropublications.com.my/api/drebar_landing.json').
  success(function(data) {
    $scope.testJer = data.ArticleObject;
  });
});

PLUNKER DEMO

answered Apr 30, 2018 at 4:09

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

Collectives™ on Stack Overflow

Angular Json Http Get - Not load

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related