Document.title не по умолчанию после изменения

Question

Я пытаюсь персонализировать заголовки для определенного Angular веб-сайта, но заголовок не изменяется ни на что (он сохраняется как измененное состояние) даже после посещения других страниц, если только. Теперь сама страница НЕ обновляет sh при смене страниц, поэтому сам DOM не обновляется (в противном случае заголовок действительно изменяется); но , обычное поведение заключается в том, что заголовок действительно меняется при открытии другой страницы, независимо от того, было ли обновление страницы полностью.

Это действительно все, что я делаю сейчас ...

let observer = new MutationObserver(function(mutations) {
    let tab_url_split = location.href.split("/")
    if (tab_url_split[3] == "example") {
        document.title = "example title"
    }
});

observer.observe(document, {
  subtree: true,
  attributes: true
  //...
});

Ожидаемое поведение: заголовок возвращается к значению по умолчанию (как установлено devs) при изменении страницы

Фактическое поведение: заголовок никогда не изменяется, пока я не обновлю sh страницу.

Сам веб-сайт не очень сложен, поэтому я рассматриваю ручное сопоставление URL-адресов с определенными заголовками, если нет другого решения ...