Пример. Дочернее содержимое. Свойство "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>
         }
    
Произошла ошибка. Это приложение может больше не отвечать до перезагрузки.(переведено) Произошла ошибка. Это приложение может больше не отвечать до перезагрузки.(переведено) Reload 🗙
Web hosting by Somee.com