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

Question

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

举个简单的例子：

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

你可以有一个包含所有定义的"全局"类。

呵呵