AngularJS 和 JSON答案

【问题标题】：AngularJS and JSONAngularJS 和 JSON
【发布时间】：2015-06-01 10:10:33
【问题描述】：

我有我的简单 HTML 文件和 JSON 文件

<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <div ng-controller="aboutController">
        <p ng-repeat="post in about">
            {{name.about}}
        </p>
    </div>
    <script src="angular.js"></script>
    <script>
        var myApp = angular.module('myApp', []);
        myApp.controller('aboutController', function($scope, $http) {
            $http.get('about.json').success(function(data, status, headers, config) {
                $scope.about = data;
                console.log('this is data:',data);
            });
        });
    </script>
</body>
</html>

{
    "name" : "Peter",
    "surname" : "Chpoksky"
}

我需要从 json 文件传输数据，但由于某种原因，浏览器没有显示任何内容有什么问题？

【问题讨论】：

你想准确显示什么？
@myros.092, {{name.about}} 应该是{{about.name}}。另外，console.log 显示什么？

标签： javascript html json angularjs angularjs-directive

【解决方案1】：

关于你得到你的json所以这个json：

{
"name" : "Peter",
"surname" : "Chpoksky"
}

所以要使用这个对象，你必须这样做

      <p ng-repeat="post in about">
        {{post.name}}  <!-- To display the name -->
       {{post.surname}}  <!-- To display the surname -->
    </p>

【讨论】：

非常感谢，工作了，但我还有一个问题，我必须写什么指令，只需从 json 文件中插入数据而不重复它们？
这是另一个问题 :) 如果您想了解更多细节，请提出另一个问题或查看有关“$http”的角度文档。如果要将 json 数据放入文件并获取这些数据，则必须使用 $http.get('jsonFile.json',function(data){$scope.data = data; });您在函数中的数据将返回 json 对象。
不应该是 post.name 和 post.surname 吗？
你做错了。 @Okazari 是对的。您的答案有效，因为 about 是一个对象，而不是一个数组。
Oups 大错误是的，当然，感谢您的注意！真可惜...谢谢，请注意，真可惜..