C# Angular 6不显示从Asp Net Web API 2.2检索的数据
简要说明我的问题: 我有一个Angular应用程序,它正在运行Asp Net Core Web API 2.2。一般来说,这并不复杂,主要是CRUD应用程序,对于比我更高级的角度用户来说,这个问题也不是火箭科学问题 Web API托管在IIS上,具有正确的数据库连接。这是正确的,因为样本数据被放在了数据库中,并且可以在Postman结果中看到它被检索 不过,在客户端,数据不会显示。服务和组件代码如下,我还包括控制台反馈。生成了应在其中显示数据的表,即使有相应的行数。唯一的问题是数据丢失了。我对正确的JSON格式表示怀疑。因为这是我生命中第一个这样的项目,我把Angular和.Net结合在一起,所以我对类似的问题缺乏经验,我很想得到一些提示和帮助 相关代码: 对于角度服务,我有:C# Angular 6不显示从Asp Net Web API 2.2检索的数据,c#,asp.net,angular,asp.net-web-api,C#,Asp.net,Angular,Asp.net Web Api,简要说明我的问题: 我有一个Angular应用程序,它正在运行Asp Net Core Web API 2.2。一般来说,这并不复杂,主要是CRUD应用程序,对于比我更高级的角度用户来说,这个问题也不是火箭科学问题 Web API托管在IIS上,具有正确的数据库连接。这是正确的,因为样本数据被放在了数据库中,并且可以在Postman结果中看到它被检索 不过,在客户端,数据不会显示。服务和组件代码如下,我还包括控制台反馈。生成了应在其中显示数据的表,即使有相应的行数。唯一的问题是数据丢失了。我对正
url = 'http://localhost:8080/api/clients/';
constructor(private http: HttpClient) { }
getClients(): Observable<Array<Client>> {
return this.http.get<Array<Client>>(this.url );
}
url='1〕http://localhost:8080/api/clients/';
构造函数(私有http:HttpClient){}
getClients():可观察
我已经解决了这个问题,问题确实出在html代码中。我有一些和登录系统相关的代码,它正在检查登录用户的角色,这导致了错误。
谢谢你的贡献
F.Bekir Yücel,序列化模型不会改变任何事情
getClients() {
this.clientService.getClients().subscribe(data => {
this.clients = data ;
console.log(data); // this one displays daya
console.log("Test"); //this also is displayed
console.log(this.clients[0].Id); // this is undefined
});
Html部分如下所示:
<td id="id">{{client.cardId}}</td>
<td>
<div *ngIf="client.id != editRowId">
<p>{{client.name}}</p>
</div>
{{client.cardd}
{{client.name}
直到最后一篇专栏文章都是这样。html端的代码是什么?你需要在html端正确设置数据。你能在重新加载后发布网络快照吗?你如何将this.clients
绑定到你的角度标记?您是否也可以显示在执行命令行console.log(data)
时显示的内容。我的提示:用于生成service@Angelo,console.log(data)现在以数组(2)0的形式显示两个数组:{id:7。。。
<td id="id">{{client.cardId}}</td>
<td>
<div *ngIf="client.id != editRowId">
<p>{{client.name}}</p>
</div>