Javascript Angularjs$http获取json数据，但赢得了'；t显示

我是angularjs新手，我尝试使用angularjs异步加载数据

Json示例 HTML代码

var homeApp=angular.module（'managementApp'，[]）；
控制器（'categoryMgmt'，函数（$scope，$http）{
$scope.categoryFilter=''；
$scope.categoris=''；
$scope.categoryLoad=函数（）{
var key=$scope.categoryFilter；
$http({
方法：“get”，
url:'hugo.dev/api/categorys/'+键，
}).then（函数mySuccess（响应）{
$scope.categorys=angular.fromJson（response.data）；
console.log（$scope.categoris[0].name）；
});
};
});

类别
自闭症
我认为你应该在html代码中使用
$scope.category
而不是
{item.category}
我认为你应该在html代码中使用
$scope.category
而不是
{item.category}
你发布的代码没有任何问题。正如Alexander指出的，您可能不需要
fromJson（）
，但这也不应该是一个问题

这是一个使用相同代码的工作plunker：

我唯一更改的是从文件中提取数据，因为我没有您的服务：

// url : 'hugo.dev/api/categorys/'+key,
url: 'data.json'

我想这不一定是你问题的答案，但它证明了你发布的代码是有效的。。。您的问题一定在别处。
您发布的代码没有任何问题。正如Alexander指出的，您可能不需要
fromJson（）
，但这也不应该是一个问题

这是一个使用相同代码的工作plunker：

我唯一更改的是从文件中提取数据，因为我没有您的服务：

// url : 'hugo.dev/api/categorys/'+key,
url: 'data.json'

我想这不一定是你问题的答案，但它证明了你发布的代码是有效的。。。您的问题必须在别处。
scope.categoris必须初始化为array并从JSON中删除

homeApp.controller('categoryMgmt',function($scope,$http){
      $scope.categoryFilter = '';
     // Default to array
     $scope.categorys = [];
     $scope.categoryLoad = function(){
          var key = $scope.categoryFilter;

         $http({
                    method : 'get',
                    url : 'hugo.dev/api/categorys/'+key,

                }).then(function mySuccess(response){
                    // remove fromJson
                    $scope.categorys = response.data;
                    console.log($scope.categorys[0].name);

           });
      };

必须将scope.categoris初始化为数组并从JSON中删除

homeApp.controller('categoryMgmt',function($scope,$http){
      $scope.categoryFilter = '';
     // Default to array
     $scope.categorys = [];
     $scope.categoryLoad = function(){
          var key = $scope.categoryFilter;

         $http({
                    method : 'get',
                    url : 'hugo.dev/api/categorys/'+key,

                }).then(function mySuccess(response){
                    // remove fromJson
                    $scope.categorys = response.data;
                    console.log($scope.categorys[0].name);

           });
      };

我认为您不需要
fromJson（）
，只需设置
$scope.categorys=response.data您好，我之前删除了fromjson（），同样的问题。干杯，而不是
列表组中的
只需打印出
{{item}}
并查看输出是什么，以确保所有属性都通过<代码>{{item}}
。直接尝试$scope.categorys=response.data。如果不起作用，请检查以下代码$scope.categorys=JSON.parse（response.data）；或者JSON.parse（response）。第二个和第三个数据通常不需要。我认为您不需要
fromJson（）
，只需设置
$scope.categorys=response.data您好，我之前删除了fromjson（），同样的问题。干杯，而不是
列表组中的
只需打印出
{{item}}
并查看输出是什么，以确保所有属性都通过<代码>{{item}}
。直接尝试$scope.categorys=response.data。如果不起作用，请检查以下代码$scope.categorys=JSON.parse（response.data）；或者JSON.parse（response）。第二个和第三个数据通常不需要。嗨，Picazo，非常感谢测试代码，它似乎工作得很好，在我的计算机中真的很奇怪…嗨，Picazo，非常感谢测试代码，它似乎工作得很好，在我的计算机中真的很奇怪。。。