Razor page SiteContent data binding does not work

Question

I have a razor page with .Net 8 core and i have set the rendermode to InteractiveServer,

@rendermode InteractiveServer

I am using the SectionContent with a variable to bind the value to the front end,

Initially the variable is set as empty string,

public string? result { get; set; } = "";

and it gets updated on click of a button as below,

result = $"Search Results for\"{Query}\"";

however, the value is not getting bound in the view.

<SectionContent SectionName="page-header-subtitle">
   @result
</SectionContent>

Can someone help?

Answer 1

You will have to make the outlet interactive:

<SectionOutlet @rendermode="InteractiveServer" SectionName="page-header-subtitle" />