#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 { }