Angular 字体大小增加，角度为[ngClass]=“1”；fontSize“；

我有header.component，如果我单击“小”、“中”、“大”按钮，字体大小将全局调整（所有应用程序组件）。 这是我的链接

---

为您的ref附上我的UI屏幕截图

一个可能的解决方案是创建一个

文档服务

，该服务将设置文档

元素的

字体大小

属性（参见下面的stackblitz）。然后，您可以在

rem

中根据

元素字体大小调整元素大小

document.service.ts header.component.ts

---

欢迎来到SO，你能更具体地说明你的问题吗。在你的描述中，我看不出有任何问题。如何将字体大小增加按钮置于角度？我使用了ng类方法，但tht仅适用于标题组件，我需要对所有应用程序使用字体大小增加操作components@Jason怀特：谢谢你的解决方案，我的问题解决了。

import { Injectable, Optional, Inject } from '@angular/core';
import { DOCUMENT } from '@angular/common';

@Injectable()
export class DocumentService {

  constructor(@Inject(DOCUMENT) private document) { }

  setCss(element, attribute, value) {
    this.document.querySelector(element).style[attribute] = value;
  }

}

export class HeaderComponent implements OnInit {

  @Input() sidenav: MatSidenav;

  constructor(private documentService: DocumentService) {}

  ngOnInit() {}

  toggle(size) {
    this.documentService.setCss('body', 'font-size', size);
  }
}