使用 Angularjs 显示 JSON 响应答案

【问题标题】：Display JSON response with Angularjs使用 Angularjs 显示 JSON 响应
【发布时间】：2017-10-25 17:05:47
【问题描述】：

我需要使用 Angularjs 显示来自 JSON 响应的数据

使用 DevTools 检查响应时，我可以看到结果，但在显示时，它不起作用

控制器：

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

    }); 

        }]);

回应：

显示代码：

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

【问题讨论】：

你能发布完整的html和角度代码吗？可能缺少一些非常小的东西

标签： angularjs json get

【解决方案1】：

您需要访问响应的 data 属性

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

【讨论】：

发布你在 $scope.movies 中看到的内容。
我怎么能进去？我尝试在 $scope.movies = data.data; 之后发出警报但什么也没发生
console.log (JSON.stingify(data));并在这里发布
感谢它现在可以工作了，这是 api 的 CORS 问题

【解决方案2】：

请试试这个代码..

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

【讨论】：