Question

我无法弄清楚我在这里做错了什么。有什么建议？页面上没有显示任何内容，但在控制台中显示正常。我觉得我应该以某种方式使用$ scope，但我无法让它工作。感谢您提前提供任何帮助！

FILE.JSON

[{
 "firstName": "Foo",
 "lastName": "Johnson"
 }, {
 "firstName": "Bar",
 "lastName": "Simpson"
 }
]

CONTROLLER

app.controller('nameSearchController', function($http) {
  $http.get('file.json').success(function(data){
    searchResults = JSON.stringify(data);
    console.log(searchResults);
  })
});

HTML

<ul ng-controller="nameSearchController">
   <li ng-repeat="rows in searchResults">
       {{ rows.firstName }} {{ rows.lastName }}
   </li>
</ul>

Answer 1

app.controller('nameSearchController', function($http, $scope) {
  $http.get('file.json').success(function(data){
    $scope.searchResults = JSON.stringify(data);
    console.log($scope.searchResults);
  })
});

Answer 2

你需要添加$ scope而不是JSON.stringify，它将json转换为字符串你应该使用json.parse来执行oposite。

app.controller('nameSearchController', function($http, $scope) {
  $http.get('file.json').success(function(data){
    $scope.searchResults = JSON.parse(data);
  })
});

Answer 3

这对我有用：

angular.module("app",[])
  .controller('nameSearchController', function($http,$scope) {
      $http.get('json.json').success(function(data){
      $scope.searchResults = data;

  })
});

这是一个有解决方案的傻瓜：

http://embed.plnkr.co/HwZORGULG44lbFWGyans/preview

JSON不显示角度ng-repeat

3 个答案: