Blazor HTML渲染问题

debugcn 发表于 Dev

马克·格雷科

我不确定如何最好地解释这一点，因为我是一个刚从Web开始的桌面应用程序开发人员。看来Blazor正在将.razor文件中的回车符转换为html呈现中的元素。我已经注意到了一段时间，但是这些元素似乎并没有影响任何事情。好吧，我遇到了一种情况，它们正在影响我的布局。如果您查看我的屏幕截图，您将在此页面控件中看到我使“下一步”和“最后一个”按钮之间有一个空格。我的其他屏幕截图显示了呈现的html元素，并且您在这些按钮之间看到了<！-！->。而且这些元素似乎无处不在。通过一些测试，我意识到这是.razor文件中html代码中的回车符。

页面控制

HTML元素

<div class="my-2">
<button disabled="@(CurrentPage==1)" class="btn btn-sm btn-outline-primary py-0 px-1" style="font-size: small; font-family: Webdings;" @onclick="First_Click">&#57;</button><button disabled="@(CurrentPage==1)" class="btn btn-sm btn-outline-primary py-0 px-1" style="font-size: small; font-family: Webdings;" @onclick="Prev_Click">&#51;</button>

@for (int i = 1; i <= TotalPages; i++)
{
    int x = i;
    <button disabled="@(CurrentPage==i)" class="btn btn-sm @(CurrentPage==i ? "btn-primary" : "btn-outline-primary") py-0 px-1" style="font-size: small; font-family: Courier;" @onclick="()=>Page_Click(x)">@i</button>
}

<button disabled="@(CurrentPage==TotalPages)" class="btn btn-sm btn-outline-primary py-0 px-1" style="font-size: small; font-family: Webdings;" @onclick="Next_Click">&#52;</button>
<button disabled="@(CurrentPage==TotalPages)" class="btn btn-sm btn-outline-primary py-0 px-1" style="font-size: small; font-family: Webdings;" @onclick="Last_Click">&#58;</button>

肖恩·柯蒂斯（Shaun Curtis）

当您似乎正在使用Bootstrap时，请尝试使用ButtonGroup 此处的链接作为按钮的包装。我以前也见过类似的问题。

我在一个应用程序中的一个按钮组中包含了按钮的图像

如果您想了解更多详细信息，请回到我的手中，我将向您介绍存储库中的一些代码。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。

编辑于2021-05-29

我来说两句

0条评论

登录后参与评论

来自分类Dev

Related 相关文章

文章

Blazor HTML渲染问题

Blazor HTML渲染问题

blazor渲染的html文件中有很多评论标签

我如何知道Blazor何时完成DOM元素的渲染？

首次渲染时Blazor组件参考为空

为什么Blazor两次渲染组件

Blazor，将主页设置为html页面

使用实体框架核心的Blazor并发问题

Blazor绑定变量问题

如何在循环中渲染组件列表（Blazor）？

在Blazor应用中手动更新特定的html元素

在Blazor的ValidationMessage中显示html或多行消息？

Blazor问题-拨打异步电话后立即关闭电路\连接

使用Blazor和C＃刷新html表数据

使用JSInterop在blazor中渲染SVG元素

Blazor App中的ApiController问题

如何使用Blazor C＃添加内联HTML

在长格式（Blazor html）末尾查看数据部分？

Blazor的WebApi返回text / html而不是application / json

如何在Blazor中单击按钮渲染组件？

Blazor和github页面的问题（index.cshtml）

Blazor和github页面的问题（index.cshtml）

Blazor的问题

在Blazor中，如何动态更改HTML标签？

Blazor：如何创建可重用的渲染片段？

动态删除字段时字段验证呈现的Blazor问题

NET 5.0中的Blazor WebAssembly App渲染人鱼图

Blazor / Radzen控件和html数据绑定

Blazor WASM页面上的命名空间问题

HTML中的渲染问题

在我的 blazor 项目中遇到字符集问题