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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用带有c#的角度js来使用web api相关的知识,希望对你有一定的参考价值。

我想使用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>
答案

您可以尝试使用以下代码将数据推送到您的阵列,

$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的主要内容,如果未能解决你的问题,请参考以下文章

有没有更好的方法来使用 Youtube PHP API

web api c#为带有角度的long数据类型返回另一个值

使用带有渲染功能的 Vue.js 3 片段

是否有推荐的方法来使用 ASP.NET Web API 返回图像

无法使用ngf-resize来使用ng-file-upload

带有角度路由的 Laravel 5 中间件