如何在@code挡路中编写Blazor HTML代码?

How do I write Blazor HTML code inside the @code block?(如何在@code挡路中编写Blazor HTML代码?)
本文介绍了如何在@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代码?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

DispatcherQueue null when trying to update Ui property in ViewModel(尝试更新ViewModel中的Ui属性时DispatcherQueue为空)
Drawing over all windows on multiple monitors(在多个监视器上绘制所有窗口)
Programmatically show the desktop(以编程方式显示桌面)
c# Generic Setlt;Tgt; implementation to access objects by type(按类型访问对象的C#泛型集实现)
InvalidOperationException When using Context Injection in ASP.Net Core(在ASP.NET核心中使用上下文注入时发生InvalidOperationException)
LINQ many-to-many relationship, how to write a correct WHERE clause?(LINQ多对多关系,如何写一个正确的WHERE子句?)