AngularでネイティブのDOMにアクセス

AngularでネイティブのDOMにアクセスするにはElementRefで参照します。(この場合は<app-component></app-component>)にアクセスされます。

import { Component, OnInit, ElementRef } from '@angular/core';
 
@Component({
  selector: 'app-component',
  templateUrl: './app-component.component.html'
})
export class AppComponent implements OnInit {
 
  constructor(
    private el: ElementRef
  ) { }
 
  ngOnInit() {
    this.el.nativeElement.style.color = 'red';
  }
}