Как заставить метод setStyle средства визуализации работать

#angular

#angular

Вопрос:

Я работаю над angular java, используя визуальный код в качестве редактора. Я столкнулся с проблемой при использовании свойства setStyle средства визуализации.

Кто-нибудь может подсказать мне решение?

Вот код:

 import { Directive, Renderer2, OnInit, ElementRef } from '@angular/core';


export class BetterHighlightDirective implements OnInit
{
  
   constructor(private elRef: ElementRef ,private renderer: Renderer2)
   { }
  
    ngOnInit()

       {
          this.renderer.setStyle(this.elRef.nativeElement,'color','yellow');
       }
}
 

Здесь желтый цвет не отображается в браузере.

Ответ №1:

Привет, Наяна, добро пожаловать в SO, попробуйте реализовать свой код в директиве вместо компонента. Что-то вроде:

// Директива

 import { Directive, ElementRef, Renderer2 } from '@angular/core';

@Directive({
  selector: '[betterHighlight]',
})
export class BetterHighlightDirective {

  constructor(private elementRef: ElementRef, private renderer: Renderer2) {
      this.renderer.setStyle(this.elementRef.nativeElement, 'color', 'yellow');
  }
}
 

// HTML шаблон

 <div betterHighlight>
  Highlight this better
</div>
 

Не забудьте добавить его в свой модуль:

 @NgModule({
  imports:      [ ... ],
  declarations: [ ..., BetterHighlightDirective ],
  bootstrap:    [ ... ]
})
export class AppModule { }