Blazor数据绑定到具有C＃中复杂对象的javascript Web组件

Question

我有一个Blazor应用程序，它引用了自定义Web组件（<omnibar-navigation>）。

此组件具有一个items属性，应该是一个看起来像这样的json对象：

[{'title':'Home','icon':'places-home-1','url':'/','metadata':null,'items':null}, ...]

我想知道如何将C＃复杂对象绑定到该items属性。

var options = new List<Nav> { new Nav { Title = "Home", Icon = "places-home-1", Url = "/" } };

然后绑定将是这样的（不起作用）：

<omnibar-navigation items="@options">...</omnibar-navigation>

Answer 1

您将构建一个带有Parameter属性的组件，该组件将接收Nav类型的IEnumerable。您只需要反序列化JSON并将其绑定到该集合即可。