Блог

Главная - Вопросы по программированию - Angular renderer setStyle не будет применять линейный градиент

Angular renderer setStyle не будет применять линейный градиент

#css #angular #angular-renderer2

#css #угловой #angular-renderer2

Вопрос:

Renderer2 от Angular не будет применять линейный градиент CSS. Кто-нибудь может увидеть, чего мне не хватает?

 export class AppComponent implements OnInit {

  constructor(private renderer: Renderer2, private elementRef: ElementRef) {}

  public ngOnInit(): void {
    this.renderer.setStyle(
      this.elementRef.nativeElement,
      "background",
      "linear-gradient(rgba(253,92,99,1), rgba(144,255,0,1) 30%);" 
      // "red" // works, so does this rule in CSS
    );
  }
}

Вот воспроизведение stackblitz

Ответ №1:

Ben,

последняя точка с запятой в правиле градиента выдает ошибку: так оно и работает:

     this.renderer.setStyle(
      this.elementRef.nativeElement,
      "background",
      "linear-gradient(rgba(253,92,99,1), rgba(144,255,0,1) 30%)" //no semicolon in the end
    );