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