Question

所以我在角度测试$ http.get以获取json文件并且我已经使用了这段代码：

$scope.classes =   $http.get('coursedata.json')
    .success(function (result){
           $scope.classes = result; a
      console.log(result);
             })
  .error(function(data,status){
  console.log(status);
  } );

但它不起作用，它显示成功获取但在我的角度html页面中它没有访问数据。

我的html类似于：

<div class="row" ng-controller="oflClassCtrl">
 <tr ng-repeat = "selectedClass in classes | filter:searchTxt">
        <td><a  ng-click="clickToOpen($index)">{{selectedClass.class}}</a></td>

当我在控制器中有数据时页面正确呈现但由于某些原因，当我尝试使用get请求和$ http服务时，某些内容无效。

我也在xampp apache服务器上运行带有php的本地主机，所以$ http应该正常工作吗？

Answer 1

$scope.classes可能分配了无效，因此您的标记中成功$http.get但功能失调ng-repeat。检查您的JSON格式应解决问题

JSONLint - 您可以使用的众多快速在线工具之一

Answer 2

尝试在您的范围内生成一个函数，并在那里设置数据：

$scope.setData = function( data ) {
....

我认为这与手表背景有关。

Answer 3

范围变量中没有任何功能：

$scope.classes =  function() {
$http.get('coursedata.json')
    .success(function (result){
           $scope.classes = result; a
      console.log(result);
             })
  .error(function(data,status){
  console.log(status);
  } );
}

考虑您要调用它或要触发的功能

angular $ http.get不起作用

3 个答案: