将带有键值对数组的 JavaScript 对象发布到 Web Api 时遇到问题

Question

我有一个对象（下面的模型）我已经用 JavaScript 填充了客户端，我需要将它发布到我的服务器。在我期望接收的类服务器端中定义了相应类型的对象。

当我尝试发布该对象时，除了单个属性外，所有内容都可以正常发布。此属性在服务器端定义为List<KeyValuePair<Guid,Bar>>。 Bar 似乎不是问题，因为我可以发布它就好了。

在客户端，我尝试以几种方式重新格式化 JavaScript 对象上的相应属性（作为对象对数组，作为对象上的文字属性等），但它始终是一个空列表它到达服务器。

我猜这是一个语法问题，但我无法弄清楚正确的语法是什么，而且我在网上看到了很多相互矛盾的例子。我希望有人可以根据经验谈谈应该如何发布。

//C# Class MockUp
public class Foo
{
    public Guid FooId {get;set;}
    public string Description {get;set;}
    public bool Inactive {get;set;}
    public List<KeyValuePair<Guid,Bar>> FooBar {get;set;} //This comes over as null regardless of how I arrange the object client-side.
}

//TypeScript Class MockUp
class Foo {
    fooId: string;
    description: string;
    inactive: boolean;
    fooBar: Array<KeyValuePair>;
}
class KeyValuePair {
    key: string;
    value: Bar
}
class Bar {
    //...Implementation here mathces Bar on the server
}

Answer 1

如果你为 foobar 创建一个 dto 就可以了

public class FooDto
{
    public Guid FooId {get;set;}
    public string Description {get;set;}
    public bool Inactive {get;set;}
    public List<FooBarDto> FooBar {get;set;} 
}

public class FooBarDto
{
    public Guid Key {get;set;}
    public Bar Value {get;set;}
}

KeyValuePair 在这种情况下不起作用的原因是因为KeyValuePair 中的属性是只读的，看看这里 at the msdn docs 你可以看到 Key 和 Value 属性只有 getter