Blazor vRC1
I'm looking for a straightforward technique on how to conditionally render an attribute within an <InputText>
(or any of the input components for that matter). This used to be simple in MVC Razor, where you'd just write the conditional logic within the @(...)
statement. Now, writing @(...)
has different meaning in the Razor syntax.
For example, I'd like to conditionally output the autofocus
HTML attribute for InputText
.
<InputText
@bind-Value="@TextProperty"
@(MyModel.isAutoFocus ? "autofocus" : "") <- This is invalid razor syntax!
/>
As it turns out, Blazor will not render the attribute if the value of the attribute is false
or null
HTML element attributes are conditionally rendered based on the .NET value. If the value is false or null, the attribute isn't rendered. If the value is true, the attribute is rendered minimized.
<InputText @bind-Value="@TextProperty" autofocus="@MyModel.isAutoFocus" />