【发布时间】：2015-04-26 16:56:13
【问题描述】：
我正在尝试使用 Angular JS 从我的网站调用 Web API，但我没有取回任何数据。
如果我将 API 与我的网站分开运行，我会收到响应，因此我知道服务运行正常并返回数据，因此它必须是我调用或尝试显示来自我的 API 的数据的方式。
以下是我网站上 JS 控制器的代码。
关于问题所在有什么想法吗？谢谢
(function () {
var MealsController = function ($scope, $http) {
var meals = function (serviceResp) {
$scope.Meals = serviceResp.data;
};
var errorDetails = function (serviceResp) {
$scope.Error = "Something went wrong ??";
};
$http.get("http://localhost:2153/api/meal")
.then(meals, errorDetails);
$scope.Title = "Meals Details Page";
$scope.Meals = meals;
};
app.controller("MealsController", MealsController); }());
这是我的视图 HTML 代码
<!DOCTYPE html>
<html lang="en" ng-app="MealPlannerModule">
<head>
<title>Employee Details</title>
<script src="Scripts/jquery-2.1.3.min.js"></script>
<link href="CSS/amelia.bootstrap.min.css" rel="stylesheet" />
<link href="CSS/Site.css" rel="stylesheet" />
<script src="Scripts/bootstrap.min.js"></script>
<script src="Scripts/angular.min.js"></script>
<script src="Scripts/app.js"></script>
<script src="Controllers/MealsController.js"></script>
</head>
<body ng-controller="MealsController">
<p>Meal Name - {{Meals.mealID}}</p>
</body>
</html>
【问题讨论】：
-
你能澄清一下你的设置什么时候可以工作，什么时候不工作？两者都说“我的网站”。您是否从其他域访问 Web Api？
标签： c# asp.net asp.net-mvc angularjs asp.net-web-api