Html angular2的get调用绑定数据失败

我正在尝试使用http get调用显示来自db的记录，但最后我无法这样做，我不确定错误在哪里

我的组成部分：

从'@angular/core'导入{Component}；
从'@angular/Http'导入{Http，Response，Headers}；
从“rxjs/Observable”导入{Observable}；
从'rxjs/Subject'导入{Subject}；
从“@angular/common”导入{Control，FormBuilder，ControlGroup，Validators}；
从“/pro”导入{IDetails}；
从“./service”导入{GetAllList}
@组成部分({
templateUrl:“./components/professional/professional.html”，
提供者：[GetAllList]
})
出口级专业人员{
详情：IDetails[]；
构造函数（私有_服务：GetAllList）{}
单击（）{
这是。_service.getList（）
.subscribe（details=>this.details=details）；
}
}

HTTP请求的我的服务：

从'@angular/core'导入{Injectable}；
从'@angular/Http'导入{Http，Response}；
从“rxjs/Observable”导入{Observable}；
从“/pro”导入{IDetails}；
@可注射（）
导出类GetAllList{
私有的http://localhost/angular/index.php/profile/getProfile';
构造函数（私有http:http）{}
getList（）：可观察{
返回此。\ http.get（此。\产品URL）
.map（（response:response）=>response.json（））
.do（data=>console.log（'All:'+JSON.stringify（data））；
}
}

我的简单模板：

v{{details}

要绑定到事件，需要使用如下语法：

v
名字：{{detail.Firstname}
Lastname:{{detail.Lastname}

我仍然不清楚它显示MLHttpRequest无法加载。请求的资源上不存在“Access Control Allow Origin”标头。因此，不允许访问源“”。但在网络中，它显示了200 OK，所以它确实告诉您，您需要在服务器响应中添加

访问控制允许来源

头-在这里阅读更多内容：另外，在PHP中，添加CORS头就像放入

头（“访问控制允许来源：”）一样简单在最顶端。哦，太好了，最后我收到了。非常感谢你的支持