Angular автоматическое оглавление

Question

Я пытаюсь сделать автоматическое c содержание в angular. Для этого мне нужно получить элементы (h1, h2..et c) по тегу. Кто-нибудь знает эквивалентную функцию jquery document.getelementbytagname ('h1, h2, h3') в angular? ViewChildren не работает, так как не может найти элементы по тегу. ViewChildren работает с #id и с компонентами. Мне нужна помощь! Заранее благодарю за

Answer 1

Если я вас правильно понимаю, то это решит вашу проблему

import { Component, Input, ElementRef, Inject, OnInit} from '@angular/core';
import { DOCUMENT } from '@angular/common'; 

@Component({
  selector: 'hello',
  template: `<h1>Hello {{name}}!</h1><h1>Hello {{name}}!</h1><h1>Hello {{name}}!</h1>`,
  styles: [`h1 { font-family: Lato; }`]
})
export class HelloComponent implements OnInit {
  @Input() name: string;

  constructor(@Inject(DOCUMENT) private document: HTMLElement){

  }

  ngOnInit() {
    console.log(this.document.getElementsByTagName('h1'));
  }
}