PROSAGA码农传奇-用户画像-如何在angular中使用http.get方法来获取json数据？

如何在angular中使用http.get方法来获取json数据？

作者: SHOU宅大可爱
发布时间: 2025-04-01 07:24:01 (3月前)
转自：

<div class =“post-text”itemprop =“text”>
  <P>
    看来你只是将错误的参数传递给dataSource字段。经过一些玩弄你的羽毛球，
    的<strong>
      而不是传递一个执行$ http调用的函数，我传递了数据本身
    </强>
    ，如下所示。
  </p>
   <pre>
    <code>
      var myApp = angular.module("myApp", []);

//The below code will read the data from student.json file and will pass to     the $scope variable 
myApp.controller("ParentCtrl", function($scope, $http) {

$http.get('./chart.json') //reading the studentRecord.json file
  .success(function(data1) {
    $scope.dataSource = data1; // binding the data to the $scope variable

FusionCharts.ready(function() {
      //alert("1");
      var conversionChart = new FusionCharts({
        type: 'funnel',
        renderAt: 'chart-container',
        width: "100%",
        dataFormat: 'json',
        dataSource: $scope.dataSource
      });
      conversionChart.render();
    });
  });
});

</code>
  </pre>
  <P>
    注意我将代码包装在$ http的成功回调中，这样我们就知道数据在渲染时就存在了。
  </p>
  <P>
    你可以看到工作的plunker
    <a href="http://plnkr.co/edit/twJIIwT7NfxHUaNQPZQq?p=preview" rel="nofollow">
      这里
    </A>
    。
  </p>
</DIV>