Blazor-@typeparam

最新推荐文章于 2025-05-30 09:37:03 发布

code-Study

最新推荐文章于 2025-05-30 09:37:03 发布

阅读量1k

点赞数 14

分类专栏： Blazor 文章标签： blazor c#

本文链接：https://blog.csdn.net/Maybe_ch/article/details/145367139

版权

Blazor 专栏收录该内容

32 篇文章

订阅专栏

@typeparam指令主要应用于模板化的组件中，用于给组件指定泛型类型的参数
我们可以使用@typeparam指令做一个通用的子组件，模板化组件，通过传入泛型类型，让模板组件的通用性更强
下面我们创建一个子组件来说说@typeparam指令的用法
创建一个通用组件TypeparamModule，使用@typeparam指令，我们创建一个List用来

<h3>TypeparamModule</h3>
@typeparam T
@foreach (var item in list)
{
    <p>@item</p>
}

@code {
    List<T> list = new List<T>();
}

我们创建一个ShowModule组件用来展示TypeparamModule.razor组件，我们可以在组件中设置TypeparamModule的泛型类型

@page "/ShowModule"
<h3>ShowModule</h3>
<TypeparamModule T="string"></TypeparamModule>
@code {

}

我们可以把TypeparamModule.razor的list数据暴露出来，这里可以使用[Parameter]特性，使用[Parameter]特性需要将字段修改为属性，我们做如下修改。

<h3>TypeparamModule</h3>
@typeparam T
@foreach (var item in list)
{
    <p>@item</p>
}

@code {
    [Parameter]
    public List<T>? list { get; set; }
}