0
あなたのためのシンプルなシナリオですが、あなたのためにはできませんでした。Angularjs - 同じソリューションの別のプロジェクトからWeb APIサービスを呼び出すことができません - VS2015
今日私は1つの奇妙なシナリオに出くわしました。私はJSONオブジェクトを返すWeb APIサービスを書いています。 AngularJSアプリケーションのためのもう一つのプロジェクトを同じソリューションの下で、別のプロジェクトの下で作成しました。 Webアプリからデータを取得するために角型アプリから$ httpサービスを呼び出すときに機能しませんでした。当初私はchromeとfirefoxのみを使用していました。 しかし、私はIEブラウザで角型アプリケーションを開いたとき、それは働いた。その非常に奇妙なシナリオ。
同じように私はweb apiプロジェクトで1つの角度コードを書いていましたが、角度コードはchromeまたはfirefoxで角度アプリケーションを開いてもデータを取得できました。
プロジェクトが異なる場合、chromeまたはfirefoxが詳細を取得できない理由を教えてください。
角度コード
var app = angular.module("app", [])
.controller("controller", function ($scope, $http, $log) {
$http({
url: 'http://localhost:37103/api/employee',
method: 'GET',
headers: { 'Content-Type': 'application/json' }
})
.then(function success(response) {
// $scope.employees = response.data;
$scope.data = response.data;
})
.then(function error(response) {
$scope.error = response;
})
});
HTML：
<body ng-controller="controller">
Data:{{data}}
</br>
Error: {{error}}
</body>
同じソリューションの下に別のプロジェクトでWEBAPIメソッドの存在
using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Net.Http;
using System.Web.Http;
using MyWebAPIService.Models;
namespace MyWebAPIService.Controllers
{
public class EmployeeController : ApiController
{
// GET: api/Employee
Employee[] employees = {
(new Employee { Id=1,Name="A",Gender="Male",Salary=77777}),
(new Employee { Id=2,Name="B",Gender="Male",Salary=2222}),
(new Employee { Id=3,Name="C",Gender="Female",Salary=55555}),
(new Employee { Id=4,Name="D",Gender="Male",Salary=78787}),
(new Employee { Id=5,Name="F",Gender="Female",Salary=8888}),
(new Employee { Id=6,Name="G",Gender="Female",Salary=4444}),
(new Employee { Id=7,Name="H",Gender="Male",Salary=3333}),
(new Employee { Id=8,Name="I",Gender="Male",Salary=77777}),
(new Employee { Id=9,Name="J",Gender="Female",Salary=45897})
};
public IEnumerable<Employee> Get()
{
return employees;
}
// GET: api/Employee/5
public Employee Get(int id)
{
foreach(Employee e in employees)
{
if(e.Id == id)
{
return e;
}
}
Employee temp = new Employee();
temp.Id = -1;
return temp;
}
}
}
関連するコードビットを投稿してください。コードを見ることなく実際の問題が何であるかを知ることは本当に難しいです。 – frishi
@frishi>コードがクエリに挿入されました。 –