Javascript 在angularjs中使用$http向视图显示json文件

我是angularjs（和编程）新手。 我试图用$http和ngRepeat向我的视图（home.html）显示一个json文件，但它不起作用。 当我检查角度响应时，我看到有几十个范围。每个作用域包含我的json文件的一个字符

这是我的控制器（index.html）

---

你能帮我吗？多谢各位

您需要在Anthony的注释中删除分号，并在$http.get调用中将序列化的json字符串转换为javascript对象：

 $scope.students = angular.fromJson(data);

---

JSON文件末尾的分号将使其无效。Angular可能只是把它当作一个字符串，并逐字符进行迭代。删除它，看看它是否工作。控制台是否显示任何错误？非常感谢！它起作用了！

    <div class="container">
  <div class="row">
    <div class="col-md-4 col-md-4 col-md-4"></div>
    <div class="col-md-4 col-md-4 col-md-4">
        <div class="input-group input-group-lg col-lg-12">
            <input type="text" class="form-control" placeholder="search a student" ng-model="query"/>
        </div>
    </div>
</div>
  <div class="row" id="secteurmargin" >
    <div class="col-md-4 col-md-4 col-md-4"></div>
    <div class="col-md-4 col-md-4 col-md-4">

        <div ng-repeat="student in students | filter: query">
          <p>
            <a href="#/secteurs/{{student.id}}">{{student.name}}</a> 

          </p>
            <p>{{student.nickname}}</p>
        </div>


    </div>
  </div>

</div>

    [
            {"id": 0, "name": "Clément", "nickname": "lol"},
            {"id": 1, "name": "Léa", "nickname": "lulz"},
            {"id": 2, "name": "Romane", "nickname": "lolilol"}
];

 $scope.students = angular.fromJson(data);