blazor - Blazor 是否支持 AngularJS 的属性指令之类的东西？

Question

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

举个简单的例子:

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

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

Blazor 能否做一些类似于可重用代码的事情并以某种方式插入 html 元素？怎么办？

更新:也许它在 Blazor 中不称为指令，所以不要挂断这个词。 AngularJS 中属性指令的目标正是我在 Blazor 中寻找的目标。无论 Blazor 以何种方式执行。

Answer 1

我想你想要的是这样的:

<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 类相同，将特殊类应用于控件。

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

HTH