Как удалить определенный класс из списка имен классов, определенных

Question

Необходимо удалить определенный класс из списка предоставленных имен классов. Я нашел только методы Remove () , которые удаляют все значение ключа из элемента. Мне это не нужно.

Кодовый блок

<div class="test1 test2 test3">

Мне нужно удалить класс test2 из названий классов, указанных выше.

любой может предложить решениедля этого?

Answer 1

Вот пример, когда кнопка переключения добавляет или удаляет отключенный класс.

. Select привязывается к 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