使用带有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的主要内容,如果未能解决你的问题,请参考以下文章
web api c#为带有角度的long数据类型返回另一个值
是否有推荐的方法来使用 ASP.NET Web API 返回图像