在我的AngularJS学习中需要一些帮助

Question

我有一些HTML代码

<div ng-controller="aboutController">
    <p ng-repeat="name in about">
        {{about.name}}
        {{about.surname}}
    </p>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<script>
    var myApp = angular.module('myApp', []);
    myApp.controller('aboutController', function($scope, $http) {
        $http.get('about.json').success(function(data) {
            console.log('this is data:',data);
            $scope.about = data;
        });
    });
</script>

我必须编写什么样的derective，只是从json文件中插入数据而不重复它们？

Answer 1

您不需要任何指令。只需删除ngRepeat并使用

即可

<p>
    {{about.name}}
    {{about.surname}}
</p>

ngRepeat通常用于收集。

  

ngRepeat指令为集合中的每个项目实例化一次模板。

Answer 2

问题是＆＃34;关于。＆＃34;试着＆＃34;名字。＆＃34; 请尝试以下方法：

<p ng-repeat="name in about">
            {{name.name}}
            {{name.surname}}
        </p>