blazor - Blazor是否支持类似AngularJS的属性指令？

在AngularJS中，可以创建可以在不同 View 中重用的属性指令。

作为一个简单的例子:

<span makeRed>
    This is some text
</span>

makeRed是一个属性指令，它将任何元素的文本变为红色。

Blazor可以做某种类似于可重用的代码并以某种方式插入html元素的操作吗？怎么样？

更新:
也许它在Blazor中没有被称为指令，所以不要卡在这个词上。我在Blazor中寻找的是在AngularJS中执行属性指令的目标。不管Blazor采取什么方式。

最佳答案

我认为您想要的是这样的:

<span style="@makeRed" >I have no style</span>

<RecipeSelector @bind-IsOpen="@dialogIsOpen"  @bind-Value="@recipe"></RecipeSelector>

@code
{
    private string makeRed = "background: red; color: yellow;";
}

makeRed可以是固定的字符串，也可以是运行一些逻辑以确定它是红色还是现在的MakeRedIfNotLoggedIn()的函数等。您还可以对CSS类执行相同的操作，将特殊类应用于控件。

您可以拥有包含所有定义的“全局”类。

高温超导

关于blazor - Blazor是否支持类似AngularJS的属性指令？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/59541204/