Question

我想使用AngularJs使用web api来创建一个带有c＃的仪表板。我成功使用了web api但是当我想添加角度J来创建我的仪表板时，没有任何内容出现。我无法弄清问题是什么。

script.js

var app = angular.module("DemandeApp", []); app.controller("DemCreditController", function ($scope, $http) {
        $http.get("http://localhost:2573/api/demandes")
         .then(function (response) {
             $scope.labels = [];
             $scope.data = [];
             angular.forEach(response.data, function (value, key) {
                 $scope.labels[key] = value.libelle;
                 $scope.data[key] = value.quantite;
             }
         );

         }); 

 });

index.html：

<body ng-app="DemandeApp">
    <div ng-controller="DemCreditController">

        <canvas id="pie" class="chart chart-pie"
                chart-data="data" chart-labels="labels" ></canvas> 
</div></body>

Answer 1

您可以尝试使用以下代码将数据推送到数组中，

$http.get("http://localhost:2573/api/demandes")
   .then(function (response) {
       $scope.labels = [];
       $scope.data = [];
       angular.forEach(response.data, function (value, key) {
          $scope.labels.push(value.libelle);
          $scope.data.push(value.quantite);
       }
);

使用带有c＃的角度js来使用web api

1 个答案: