Пример. Дочернее содержимое. Свойство "RenderFragment"
Пример1
Визуализировать дочерний контент
Дочернее содержимое
Предоставлено содержимое дочернего компонента
родительским компонентом.
Исходный код
----------------------------Pages\RenderFragment_Parent\RenderFragmentParent.razor
<h4>Визуализировать дочерний контент</h4>
<RenderFragmentChild>
Предоставлено содержимое дочернего компонента
родительским компонентом.
</RenderFragmentChild>
--------------------------\Shared\child-content\RenderFragmentChild.razor
<div class="card w-25" style="margin-bottom:15px">
<div class="card-header font-weight-bold">Дочернее содержимое</div>
<div class="card-body">@ChildContent</div>
</div>
@code {
[Parameter]
public RenderFragment ChildContent { get; set; }
}
Пример2
Три внедренных компонента при помощи цикла "foreach"
Дочернее содержимое
Count: 1
Дочернее содержимое
Count: 2
Дочернее содержимое
Count: 3
Исходный код
<code>Пример2</code>
<h4>Три внедренных компонента при помощи цикла "foreach"</h4>
@foreach (var c in Enumerable.Range(0, 3))
{
<RenderFragmentChild>
Count: @c
</RenderFragmentChild>
}