如何使用asp.net核心web api在angular 7中显示id、compliantype>;
我使用asp.net核心web api作为后端,angular 7作为前端。我首先使用代码创建数据库 方法,然后我又添加了一个名为Complains的表。现在我希望使用get请求返回Complains表id和Complains表中的两到三列。然后以角度获得这些值,并显示一些位置如何使用asp.net核心web api在angular 7中显示id、compliantype>;,asp.net,asp.net-web-api,angular7,Asp.net,Asp.net Web Api,Angular7,我使用asp.net核心web api作为后端,angular 7作为前端。我首先使用代码创建数据库 方法,然后我又添加了一个名为Complains的表。现在我希望使用get请求返回Complains表id和Complains表中的两到三列。然后以角度获得这些值,并显示一些位置 //this is interface method Object UserComplainInformation(Complains complains); //this is service
//this is interface method
Object UserComplainInformation(Complains complains);
//this is service class which implements above interface
public Object UserComplainInformation(Complains complains)
{
var resp = new
{
Id = _appDbContext.Complains.FindAsync(complains.Id),
Type =complains.Type
};
try
{
_appDbContext.Complains.FindAsync(resp);
return resp;
}
catch(Exception ex)
{
throw ex;
}
//Controller
[HttpGet]
// [Route("complainInformation")]
public Object UserComplainInformation(Complains complain)
{
return _complains.UserComplainInformation(complain);
}
//angular service code
import { Injectable } from '@angular/core';
import { ToastrService } from 'ngx-toastr';
import { ConfigService } from './util/config.service';
import { HttpClient } from '@angular/common/http';
@Injectable({
providedIn: 'root'
})
export class ComplainHistoryService {
BaseUrl : string ='';
constructor( private config:ConfigService, private http:HttpClient) {
this.BaseUrl =config.getApiURI();
}
ngOnInit(){ }
getUserComplainHistory(){
return this.http.get(this.BaseUrl +'/complianInformation');
}
}
//.ts file usercomplainhistory
import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { ComplianHistoryService } from 'src/shared/complain-history.service';
@Component({
selector: 'app-user-complians-history',
templateUrl: './user-complains-history.component.html',
styles: []
})
export class UserComplainsHistoryComponent implements OnInit {
userDetails = sessionStorage.getItem('FullName');
userComplainDetails;
constructor(private router:Router, private complainService: ComplainHistoryService) { }
ngOnInit() {
this.complainService.getUserComplainHistory().subscribe(
res =>{
this.userComplainDetails = res;
console.log(res);
},
err =>{
console.error(err);
}
)
}
}
//this is html file where i want to show id and some more fields
<ul class="list-group">
<li class="list-group-item"><strong>FullName : </strong>{{userDetails}}</li>
<li class="list-group-item"><strong>Complian Id : </strong>{{userComplianDetails}}</li>
</ul>
//这是接口方法
对象用户投诉信息(投诉);
//这是实现上述接口的服务类
公共对象用户投诉信息(投诉)
{
var resp=新
{
Id=_appDbContext.pampins.FindAsync(pampins.Id),
类型=投诉。类型
};
尝试
{
_appDbContext.complaints.FindAsync(resp);
返回响应;
}
捕获(例外情况除外)
{
掷骰子;
}
//控制器
[HttpGet]
//[路线(“投诉信息”)]
公共对象用户投诉信息(投诉投诉)
{
返回投诉。用户投诉信息(投诉);
}
//角度服务代码
从“@angular/core”导入{Injectable};
从“ngx-toastr”导入{ToastrService};
从“./util/config.service”导入{ConfigService};
从'@angular/common/http'导入{HttpClient};
@注射的({
providedIn:'根'
})
导出类投诉历史服务{
BaseUrl:string='';
构造函数(私有配置:ConfigService,私有http:HttpClient){
this.BaseUrl=config.getApiURI();
}
ngOnInit(){}
getUserComplainHistory(){
返回this.http.get(this.BaseUrl+'/complianInformation');
}
}
//.ts文件用户投诉历史记录
从“@angular/core”导入{Component,OnInit};
从'@angular/Router'导入{Router};
从'src/shared/complaint history.service'导入{ComplianHistoryService};
@组成部分({
选择器:“应用程序用户符合性历史记录”,
templateUrl:'./用户投诉history.component.html',
样式:[]
})
导出类UserComplinsHistoryComponent实现OnInit{
userDetails=sessionStorage.getItem('FullName');
用户详细信息;
构造函数(专用路由器:路由器,专用投诉服务:投诉历史服务){}
恩戈尼尼特(){
this.complaminservice.getUserComplaminHistory().subscribe(
res=>{
this.usersupplingdetails=res;
控制台日志(res);
},
错误=>{
控制台错误(err);
}
)
}
}
//这是一个html文件,我想在其中显示id和更多字段
- 全名:{{userDetails}
- 合规Id:{{{userComplianDetails}
我不熟悉asp.net web api和angular 7您到底有什么问题?@iamdlm问题是我需要获得投诉表id和更多字段,并在angular中显示。。。