主页 / coding / 问题 / 79042783
Accepted
osotorrio
Asked: 2024-10-01 18:50:53 +0800 CST

blazor 中代码块可以在 HTML 之前使用吗？

  • 772

Blazor 模板似乎遵循这个顺序来编写组件和页面：

@page "/users"

<h1>List of users</h1>

@code{
   // your code here
}

我想知道，在 HTML 之前使用代码块是否存在任何已知的不便。因此：

@page "/users"

@code{
   // your code here
}

<h1>List of users</h1>
blazor

2 个回答

  1. Best Answer

    这完全没问题。唯一的不便之处是不够“标准”。

    您可以拥有多个 @code 块，因此您可以在标记之前、之后甚至中间放置一个。

    .razor 文件的处理方式如下：

    • 根据文件名生成部分类
    • @code 块中的代码被复制到该类内部（按顺序）
    • 任何 @code 块之外的代码都被收集到 BuildRenderTree() 方法中。
    • 1

  2. 你甚至可以在代码块中使用 HTML 标记：

    @page "/"

<PageTitle>Home</PageTitle>

<h1>Hello, world!</h1>

@AlertMarkup

Welcome to your new app.

@AlertMarkup2

@code {
    private RenderFragment AlertMarkup => (__builder) =>
        {
            <div class="alert alert-info m-2">Markup Inside a Code Block</div>
        };

    private RenderFragment AlertMarkup2 =>
        @<div class="alert alert-info m-2">
        More Markup Inside a Code Block
        </div>;
}

    请参阅RenderFragment 定义中是否需要 __builder

    • 0

相关问题