如何将复杂参数传递给剃刀标记中的组件

Question

<MyComponent Height="3">
    <SensorDataProperty>
        <SensorData Speed="300" Throughput="5"/> 
    </SensorDataProperty>
</MyComponent>

public class MyComponent 
{
    public int Height { get; set; }
    public SensorData SensorDataProperty { get; set; }
}

public class SensorData
{
    public int Speed { get; set; }
    public int Throughput { get; set; }

}

如上面的伪代码所示，如​​何在 razor 标记中将复杂参数传递给我的组件？ SensorData 不会被渲染。我知道 Blazor 的绑定功能，但是我的问题与绑定无关。

Answer 1

在回答之前我没有测试过，但我认为template parameters 是你的方式。

类似：

@typeparam TItem  (<== in case you have multiple items of something)

your HTML template...

@code {
    [Parameter]
    public int Height { get; set; }

    [Parameter]
    public RenderFragment ChildContent { get; set; }

    [Parameter]
    public RenderFragment<SensorData> SensorDataProperty { get; set; }

}