Angular: как программно установить стиль css для тела как важный в машинописном тексте

Это должно работать.

this.elementRef.nativeElement.ownerDocument.body.style.setProperty("overflow-y", "hidden", "important");

Когда вам нужно добавить класс к body, хорошим вариантом будет Renderer2. Сначала создайте 2 класса:

.overflowYHidden {
  overflow-y: hidden;
}
.overflowYHiddenImportant {
  overflow-y: hidden !important;
}

Теперь используйте рендерер:

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

// class declaration skipped

_renderer: Renderer2;

constructor(rendererFactory: RendererFactory2) {
  this._renderer = rendererFactory.createRenderer('body', null);
}

Я не знаю, какую логику вы используете для использования важного:

if (someCondition) {
  this._renderer.addClass(document.body, 'overflowYHidden');
  this._renderer.removeClass(document.body, 'overflowYHiddenImportant');
} else {
  this._renderer.addClass(document.body, 'overflowYHiddenImportant');
  this._renderer.removeClass(document.body, 'overflowYHidden');
}

HTML:

<h2 #elem>hiper king</h2>

ts:

импортировать {Компонент, ViewChild, Renderer2, ElementRef, AfterViewInit} из '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent implements AfterViewInit {
  title = 'stackApp';
  @ViewChild('elem') elem: ElementRef;
  constructor(private renderer: Renderer2) { }
  ngAfterViewInit() {
    this.renderer.setAttribute(this.elem.nativeElement, 'style', 'overflowY: hidden !important');
  }
}

Попробуй это

Ссылка: Либо я неправильно использую Angular Renerer2, либо он не работает. Кто-нибудь может это понять?

Попробуй это. Зачем использовать elementRefs? Просто используйте [ngStyle]

<div [ngStyle]="{ 'overflowY' : 'hidden !important' }"></div>

or

<div [style.overflowY ]="'hidden !important'"></div>

Кроме того, если это происходит автоматически при загрузке (в ngOnInit), почему бы просто не закодировать это в вашем шаблоне? И почему бы вам просто не использовать CSS и добавить его с помощью Angular?