使用 angular js 和 c# 使用 web api
Posted
技术标签:
【中文标题】使用 angular js 和 c# 使用 web api【英文标题】：Consuming web api using angular js with c# 【发布时间】：2018-11-04 22:10:58 【问题描述】：我想使用 AngularJs 使用 web api 来使用 c# 创建仪表板。我成功使用了 web api，但是当我想添加 angular Js 来创建我的仪表板时，什么也没有出现。我不知道是什么问题。
脚本.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);
);
【讨论】：
看来您不需要密钥来将值推送到 $scope.data 数组。我正在相应地更新答案，请试一试。以上是关于使用 angular js 和 c# 使用 web api的主要内容，如果未能解决你的问题，请参考以下文章
CKEditor 和 C# Web API，使用简单的上传插件上传图片
Web API系列教材1.3 — 实战：用ASP.NET Web API和Angular.js创建单页面应用程序（下）
Angular + web3.js：找不到模块：错误：无法解析“加密”
如何使用 Web3.js 将 Metamask 连接到 Angular App？