本文介绍了如何在@code挡路中编写Blazor HTML代码?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
如何在@code
挡路内的函数中编写Blazor HTML代码?
考虑以下代码:
@page "/Test"
@if (option == 1)
{
drawSomething("Something");
}
else
{
drawSomething("Something else");
}
@code {
int option;
void drawSomething(string message)
{
<p>message</p>
}
}
在我尝试构建之前,它不会产生任何错误,然后它给出以下错误:
错误CS0103名称‘__builder’在当前 上下文
在(Test.razor.g.cs
)中的行:
__builder.AddContent(0, " ");
__builder.AddMarkupContent(1, "<p>message</p>
");
如果这意味着Blazor HTML代码只能在文件的第一部分中编写,而不能在函数或类中编写,则它似乎非常有限。
我使用的是撰写Blazor的最新版本(3.0.100-preview9-014004
)。
注意:给定示例中的输出已高度简化,我想知道我是否以及如何能够从函数内部编写代码,而不是以更好的方式解决上面的输出。
推荐答案
更新,您现在可以使用:
@GreetPerson("John")
@code {
RenderFragment GreetPerson(string name)
{
return @<p>Hello <em>@name</em></p>;
}
}
旧答案:
这是announced as a feature for Preview6,但它当时并没有像广告中所宣传的那样工作,而且一些细节似乎后来发生了变化。科斯明·桑图(Cosmin Sontu)在该页面底部的一条评论指出了正确的方向:
@using Microsoft.AspNetCore.Components.Rendering
@*tested with preview 9*@
@{ GreetPerson(__builder, "John"); }
@code {
void GreetPerson(RenderTreeBuilder __builder, string name)
{
<p>Hello, <em>@name!</em></p>
}
}
名称__builder
无法更改。这是一个双下划线。
这篇关于如何在@code挡路中编写Blazor HTML代码?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!