ASP.NET Core Blazor：Razor 指令

原创已于 2023-03-07 22:09:18 修改 · 175 阅读

CC 4.0 BY-SA版权

文章标签：

于 2023-03-07 22:06:21 首次发布

32 篇文章

订阅专栏

本文介绍了Razor指令在构建Web页面时如何将C#代码与HTML结合。通过@()可以插入单行C#表达式，@code则用于定义多行代码块，如示例所示创建了一个Todo列表，遍历并显示TodoItem的Title。

Razor指令是用于在 HTML 中添加 C# 内联的组件标记。

可使用@()来添加一个与 HTML 内联的 C# 语句。

如果需要更多代码，请使用 @code 指令添加多个语句（用括号括起来）

@page "/todo"
<h3>Todo</h3>
<ul>
@foreach (var todo in todos)
{
<li>@todo.Title</li>
</ul>
@code {
private List<TodoItem> todos =new():
}