Перевод JS-скрипта внутри Angular-компонента

Question

У меня есть следующий простой скрипт из моего исходного приложения, и так как я перешел на Angular, я бы тоже хотел, чтобы он там работал.

Оригинальный скрипт (date.js):

window.onload = (function() {
    var map = document.getElementById('map').contentDocument;

    var today = new Date();
    var date = today.toDateString();
    var textBox = map.getElementById('date');
    var textWrite = map.createTextNode(date);
    textBox.appendChild(textWrite);
});

Теперь в Angular я пытаюсь получить доступ к элементу, но он возвращает ноль.Это компонент HTML:

<object class="mapCanvas" data="assets/canvas/map.svg" type="image/svg+xml" #map>Browser
  doesn't support SVG</object>

А в component.ts:

  @ViewChild('map', {read: ElementRef}) map: ElementRef;

  constructor() { }

  ngAfterViewInit(): void {
    console.log(this.map.nativeElement.contentDocument);
  }

Как получить доступ к содержимому элемента (объекта) DOM и заставить скрипт работать?