bugfix> c# > 投稿

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>

回答 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);
           }
    );
    
    

あなたの答え