将 LIST 从 c# 发送到 angular

Question

我有后端 c# api

public async Task<Object> GetTestType()
{
        List <TestType> TestList = _context.TestTypes.ToList();
        foreach (var l in TestTypeList)
        {
            Log.WriteLog("log.txt", "test1 > " + l.var1);
        }
        Log.WriteLog("log.txt", "test2 > "+TestList .ToString());
    return TestList ;
}

在日志中我得到

test1 > testvar1
test1 > testvar2
test1 > testvar3

test2 > System.Collections.Generic.List`1[BackEnd.Entities.TestType]

这是测试类型class

public class TestType
{
    public int id{ get; set; }
    public string var1{ get; set; }
    public string var2{ get; set; }
}

在angular我有

this.TestService.getTestType().subscribe(
  (res:any)=>
  {
    console.log(res) ; 

    this.RideTypeModelData.rideTypeID = res.rideTypeID;
    console.log('rideTypeID-'+this.RideTypeModelData.rideTypeID) ; 
  },

如果 console.log(res) 我得到

[object Object]

我还在 angular

中创建了 TestModel

export class TestTypeModel{
    id: Number;
    typeWebID: String;
    var1: String;
    var2: String;
}

我正在尝试用它来获取对象数据 public 测试类型模型数据：测试类型模型；

this.TestService.getTestType().subscribe(
  (res:any)=>
  {
    this.TestTypeModelData.id= res.id;
    console.log(this.TestTypeModelData.id) ; 
  },

我收到错误

core.js:15723 ERROR TypeError: Cannot set property 'id' of undefined

如何传输该 List 对象并将其输出到 angular ???

Answer 1

您的 api 正在返回一个类似于 TestType 列表的集合，但是在您的 angular 代码中，您正在尝试将此集合分配给一个 id。

您应该迭代 res 对象，然后设置 ID 值。

将 LIST 从 c# 发送到 angular

Send LIST from c# to angular

c#

data-transfer

typescript

asp.net-core

angular