Blazor 相当于 Angular 的复合样式？

Question

我正在将一个项目从 Angular 迁移到 Blazor (.NET 6 rc2)，我很好奇 Blazor 是否具有类似的复合样式功能。

在 Angular 中，您可以将值绑定到 style 字符串的一部分，并且该字符串将在运行时构造。例如

<div [style.padding-bottom.%]="displayAspectRatio">
</div>

会读取我的代码属性displayAspectRatio 并将其组合到元素的样式字符串中，例如style="padding-bottom: 32.8%;"

我将始终尽可能使用类，但在那些必须基于每个元素计算样式的特殊情况下，目前 Blazor 中的最佳做法是什么？

在 Blazor .NET6 中是否仍然存在；

<div style="@($"padding-bottom: {displayAspectRatio}%")">
</div>

Answer 1

没有什么直接等价的。唯一的方法就是你提到的方法。但是，如果属性太多，您可以使用属性飞溅或任意参数。

https://docs.microsoft.com/en-us/aspnet/core/blazor/components/?view=aspnetcore-5.0#attribute-splatting-and-arbitrary-parameters-1