Any fix for Error BL9986: Component attributes do not support complex content (mixed C# and markup).

[talkingdotnet]

I am trying to upgrade one of my blazor app built on 0.1 (CRUD App using Blazor) to 0.3 but I am getting the "Error BL9986: Component attributes do not support complex content (mixed C# and markup). " I understand the error but not able to find the solution. This used to work previously.

<input id="[email protected]" style="display:none;">

But now it gives me mixed c# and markup error. How would such use cases needs to be handled. Another practical use case is of applying CSS class to the element like,

<button class="btn btn-success @(SelectedID == todo.ID ? "ShowControl" : "HideControl")"> Update </button>

This also gives me the same error but interestingly it works for the HTML span element. The following code works,
<span id="[email protected]">@todo.Item</span>

Any ideas how to fix this error and why Blazor is not allowing this.

[SteveSandersonMS]

Sorry for the inconvenience. This is already fixed in our dev branch so should be resolved in 0.4.0.

In the meantime one workaround is to make the whole attribute a single C# expression, e.g.:

<input id="@($"txt_{todo.ID}")" style="display:none;">