Aspnetcore: Blazor RZ9986 — Component attributes do not support complex content (mixed C# and markup)

[vova-lantsov-dev]

I've found that this issue was already fixed in 0.4.0
Reference 1
Reference 2

But it still present.
Blazor 3.0.0-preview4
Visual Studio 2019 16.1.0 preview2
Latest vsix extension installed

Files where issue happened:
Button.razor
HalfButton.razor

Project repository

I also tried to solve this problem by deleting .vs / bin / obj directories and restarting VS.

[vova-lantsov-dev]

[danroth27]

Currently we don't support concatenation of strings inside the values of attributes passed to components. You can work around the issue by doing the concatenation separately and then pass in the value.

[vova-lantsov-dev]

@danroth27 so you mean replace

Color="red"
... w3-@(Color) ...

With

Color="w3-red"
... @(Color) ...
?

[danroth27]

Instead of this:

@if (Disabled) {
    <button class="w3-@(Color) ... " >...</button>
}

I think you can do this:

@if (Disabled) {
    var classText = "w3-" + Color + .... ;
    <button class="@classText" >...</button>
}

[kjeske]

You can also use:

@if (Disabled) {
    <button class=@($"w3-{Color}")>Click me</button>
}

[pippipmilk]

This is pretty important IMHO. At the moment you can't even pass an id into a NavLink helper. Strange that it used to work.

[rupeshtech]

I solved it by diff way...

 var link = "SomeOtherUrl/" + forecast.SomeValue;
                    <tr>
                        <td>@forecast.SomeValue</td>
                        <td>
                            <NavLink class="nav-link" href="@link">
                                <span class="oi oi-plus" aria-hidden="true"></span> Detail
                            </NavLink>
                        </td>
                    </tr>

[burakakca]

will this problem be addressed?

[danroth27]

Hi @burakakca. Currently this issue is on our backlog with no committed time frame to address it. So I wouldn't expect it to be addressed any time soon. In the meantime you can use the various workaround described in the earlier comments.