Как добавить несколько стилей в собственный элемент в Angular

Я пытаюсь добавить несколько стилей к собственному элементу в angular, в настоящее время использую renderer2 API.

У меня есть требование, согласно которому стили будут меняться динамически, и у него может быть много стилей. Вот почему я не использую класс (addClass / removeClass).

конструктор (частный elRef: ElementRef, частный рендерер: Renderer2)

this.renderer.setStyle (this.elRef.nativeElement, «выравнивание текста», «центр»); .... ...

нужен способ динамического добавления стилей. что-то вроде: this.renderer.setStyle(this.elRef.nativeElement, {style1: value1, style2: value2});


javascript angular angular-renderer2
person Aditya Gaur    schedule 15.01.2019    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Вы должны вызывать его несколько раз для каждого стиля или просто использовать addClass и определять стили в классе.

https://angular.io/api/core/Renderer2#addclass

https://angular.io/api/core/Renderer2#setStyle

person Lyczos    schedule 15.01.2019

arrow_upward
5
arrow_downward

попробуйте это

 constructor(private element: ElementRef){
    let el = this.element.nativeElement;
    el.setAttribute('style', 'color: white; background: red');
  }
person Trilok Singh    schedule 01.03.2020