blazor - 如何从定义的类名列表中删除特定类

Question

需要从提供的类名列表中删除特定类。我只发现了从元素中删除整个键值的Remove()方法。我不需要那个。

代码块

<div class="test1 test2 test3">

我需要test2从上述类名中删除该类。

有人可以为此提出解决方案吗？

标签： blazor

Answer 1

这是一个切换按钮添加或删除禁用类的示例

选择绑定到 cssType

'btn-lg' 是为了向您展示您不需要使所有类变量

<div class="@ccsButton @ccsType @ccsDisabled btn-lg"> Testing</div>

<div style="margin-top:10px;">
    <button @onclick="ToggleEnable"  >Toggle Enable</button>
</div>

<div style="margin-top:10px;">
    <select @bind="ccsType">
        <option value="btn-primary" >btn-primary</option>
        <option value="btn-warning" >btn-warning</option>
        <option value="btn-success" >btn-success</option>
    </select>
</div>

@code{

 string ccsButton = "btn";
 string ccsType = "btn-primary";
 string ccsDisabled = "disabled";

void ToggleEnable()
{
    if(ccsDisabled == ""){ccsDisabled ="disabled";} else {ccsDisabled ="";}
}

}

这是BlazorFiddle中此示例的链接