如何使用asp.net核心web api在angular 7中显示id、compliantype>;

如何使用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

我使用asp.net核心web api作为后端,angular 7作为前端。我首先使用代码创建数据库 方法,然后我又添加了一个名为Complains的表。现在我希望使用get请求返回Complains表id和Complains表中的两到三列。然后以角度获得这些值,并显示一些位置

   //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中显示。。。