如何让 MudBlazor 组件像普通 HTML 元素一样工作

Posted

技术标签:

【中文标题】如何让 MudBlazor 组件像普通 HTML 元素一样工作【英文标题】:How do make MudBlazor component work like normal HTML elements 【发布时间】:2021-11-30 10:55:59 【问题描述】:

我正在使用 Blazor 和 MudBlazor 组件,我遇到了 MudBlazor 问题,当我使用 MudText 在 for 循环中打印值时,它会为所有值打印最终值“5”的循环。但是,当我使用段落标签之类的 html 元素时,它可以正常工作。我希望 MudText 像普通的 Html 一样工作。见附件。

在 repo 上看到这个

https://try.mudblazor.com/snippet/QOGPbOvlUMTlQUoh

【问题讨论】:

【参考方案1】:

您必须在范围内分配一个变量。像这样的:

for(int 1=0; i<5; i++)
var something = @i.ToString();
<MudText Typo="Typo.h6">@something</MudText>

【讨论】:

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息,例如引用或文档,以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。

以上是关于如何让 MudBlazor 组件像普通 HTML 元素一样工作的主要内容,如果未能解决你的问题,请参考以下文章

Blazor WASM - 分成多个组件 (MudBlazor)

在 blazor 应用程序中使用 mudblazor 实现通用表格组件。 .net 核心

MudBlazor 动态选项卡通过组件中的 foreach

如何让 extjs 组合框像普通的 html 选择框一样工作?

Blazor学习之旅 MudBlazor组件库介绍

更改 MudBlazor 图表的外观