Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/28.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
从webapi填充angular2数据表_Angular - Fatal编程技术网

从webapi填充angular2数据表

从webapi填充angular2数据表,angular,Angular,我目前正试图在我的项目中使用angular2 datatable(from:),当我使用static.json文件编写一个简单版本时,它就可以工作了。然而,当我试图对我的WebAPI实现这一点时,它实际上并没有在组件中显示数据 在我的组件中,我有以下内容: 导出类CurrentusersComponent实现OnInit{ 公共数据; 公共过滤器查询=”; 公共行SONPAGE=10; public sortBy=“username”; 公共排序器=“asc”; currentusers:Cu

我目前正试图在我的项目中使用angular2 datatable(from:),当我使用static.json文件编写一个简单版本时,它就可以工作了。然而,当我试图对我的WebAPI实现这一点时,它实际上并没有在组件中显示数据

在我的组件中,我有以下内容:

导出类CurrentusersComponent实现OnInit{
公共数据;
公共过滤器查询=”;
公共行SONPAGE=10;
public sortBy=“username”;
公共排序器=“asc”;
currentusers:Currentuser[];
构造函数(private _http:http,private _currentusersservice:currentusersservice){}
恩戈尼尼特(){
//此loadCurrentUsersStatic工作正常!
this.loadCurrentUsersStatic();
//此loadCurrentUsersNonObservable不:(
this.loadCurrentUsersNonObservable();
}
loadCurrentUsersStatic(){
这是http.get(“app/auth/sampledata/currentusers.json”)
.订阅((数据)=>{
设置超时(()=>{
this.data=data.json();
log('从静态文件获取数据');
}, 1000);
}, );
}
loadCurrentUsersNonObservable(){
此.u currentusersservice.getCurrentUsers().subscribe(
数据=>{
设置超时(()=>{
这个数据=数据;
控制台日志(数据);
}, 1000);
}
);

}
因此,访问json的ngFor似乎是区分大小写的:p

当我将模板更改为通过以下调用循环时,数据变得可访问:


{{item.USERNAME}
{{item.LOGINTIME}
{{item.SESSIONKEY}
{{item.CURRENTPAGE}
{{item.BROWSER}
{{item.STATUS}

试着在你的服务中去掉
.map(body=>body.Data);
Hi Yevgen,不,这是不正确的。我的json实际上有多个组件,数据是一个包含我需要的信息数组的树。谢谢。