angular$http.get 不工作

Question

所以我正在 angular 中测试 $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);
  } );

但它没有工作，显示获取成功，但在我的 angular 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>

当我在控制器中有数据时，页面可以正确呈现，但由于某种原因，当我尝试使用获取请求和 $http 服务时，某些东西无法正常工作。

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

Answer 1

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

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

我认为这与手表上下文有关。

Answer 2

范围变量中没有函数：

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

考虑你要调用它还是要触发的函数

Answer 3

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

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

angular$http.get 不工作

angular $http.get not working

javascript

xmlhttprequest

angularjs