Angular 5使用通配符删除类

Question

我有一个带有类的输入属性：

<input class="color b1 b2 b3" text="text">

我想删除颜色后的所有类，以便添加其他类。但是如何使用.renderer.removeClass使用通配符呢？ 到目前为止，我这样做是多余且不干净的

// remove class
this.renderer.removeClass(this.elRef.nativeElement.querySelector(".color"), 'b1');
this.renderer.removeClass(this.elRef.nativeElement.querySelector(".color"), 'b2');
this.renderer.removeClass(this.elRef.nativeElement.querySelector(".color"), 'b3');
// add class
this.renderer.addClass(this.elRef.nativeElement.querySelector(".color"), 'b4');

我尝试了类似的方法，但没有成功：

 this.renderer.removeClass(this.elRef.nativeElement.querySelector(".color"), 'color*');

Answer 1

您可以按照以下步骤删除与public ParamViewModel() { IsSelected = false; } 匹配的元素的所有classes：

regex

查看此工作code