Display JSON response with Angularjs

Question

I need to display data from JSON response using Angularjs

When checking the response with DevTools i can see the results, but when it comes to diplay, it doesn't work

Controller :

MovieApp.controller('movieAdminCtrl',  ['$http', '$scope', function($http, $scope){
    $scope.movies=[];
    $http.get('http://localhost:3000/movies').success(function(data) {
        $scope.movies = data;

    }); 

        }]);

Response :

Display Code :

 <tbody ng-repeat="movie in movies"  >
                <td></td>

                <td >{{movie.title}}</td>
                <td >{{movie.actors}}</td>
                <td >{{movie.Created_date}}</td>
                <td><img ng-src="{{movie.poster}}" /></td>

can you pls post the complete html and angular code? may be something very small is missing — Rakesh Burbure
– Rakesh Burbure, Commented Oct 25, 2017 at 17:23

Sajeetharan · Accepted Answer · 2017-10-25 17:07:12Z

2

You need to access the data property of the response

 $http.get('http://localhost:3000/movies').success(function(data) {
        $scope.movies = data.data;
 });

answered Oct 25, 2017 at 17:07

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

4 Comments

Sajeetharan Over a year ago

post what you see inside $scope.movies .

ELBartoTn Over a year ago

How can i sse inside ? i tried with an alert just after $scope.movies = data.data; but nothing happen

Sajeetharan Over a year ago

console.log (JSON.stingify(data)); and post here

ELBartoTn Over a year ago

Thanks it's working now it was a CORS problem with the api

Rakesh Burbure · Accepted Answer · 2017-10-25 17:26:13Z

Please try this code..

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8" />
</head>
<body ng-app="app" ng-controller="movieAdminCtrl">

    <table>
        <tr ng-repeat="movie in movies">
            <td></td>

            <td>{{movie.title}}</td>
            <td>{{movie.actors}}</td>
            <td>{{movie.Created_date}}</td>
            <td>
                <img ng-src="{{movie.poster}}" />
            </td>
        </tr>
    </table>

    <script src="../lib/angular.js"></script>
        <script>
            var MovieApp = angular.module('app', []);
            MovieApp.controller('movieAdminCtrl', ['$http', '$scope', function ($http, $scope) {
                $scope.movies = [];
                $http.get('http://localhost:3000/movies').success(function (data) {
                    $scope.movies = data;

                });

            }]);
        </script>
</body>
</html>

Collectives™ on Stack Overflow

Display JSON response with Angularjs

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related