Javascript 动态添加css样式

如何使用angular动态添加css类

我想从后端样式属性（即

宽度

，

高度

）中获取并从该属性创建css样式

所以，在css中，我应该有

class=“testClass”，“testClass”

应该包含从后端接收的属性

---

这可能吗？

是的。您正在寻找[ngClass]，其工作原理如下：

<some-element [ngClass]="'first second'">...</some-element>

<some-element [ngClass]="['first', 'second']">...</some-element>

<some-element [ngClass]="{'first': true, 'second': true, 'third': false}">...</some-element>

<some-element [ngClass]="stringExp|arrayExp|objExp">...</some-element>

<some-element [ngClass]="{'class1 class2 class3' : true}">...</some-element>

其中包含setStyle方法：

this.renderer2.setStyle('your element', style: string (such as width), value: any (such as 32px));

---

对。您正在寻找[ngClass]，其工作原理如下：

<some-element [ngClass]="'first second'">...</some-element>

<some-element [ngClass]="['first', 'second']">...</some-element>

<some-element [ngClass]="{'first': true, 'second': true, 'third': false}">...</some-element>

<some-element [ngClass]="stringExp|arrayExp|objExp">...</some-element>

<some-element [ngClass]="{'class1 class2 class3' : true}">...</some-element>

其中包含setStyle方法：

this.renderer2.setStyle('your element', style: string (such as width), value: any (such as 32px));

---

我认为您需要使用

我认为您需要使用
但是，对于[ngClass]，我必须要分配现有的css类，并且我希望始终设置相同的css类，但是我从后端获得的类的属性。也就是说，从后端我得到字符串“{width:500px；height:34px；}”，从中，我想创建“testClass”，对于某些元素，使用class=“testClass”，然后渲染器是您想要的路径，或者使用javascript/jquery。但是，对于[ngClass]，我必须要分配现有的css类，并且我想始终设置相同的css类，但我从后端获得的类的属性。也就是说，从后端我得到字符串“{width:500px；height:34px；}”，从中，我想创建“testClass”，对于某些元素，使用class=“testClass”，然后渲染器就是您想要的路径，或者使用javascript/jquery。